whflima/weather-app

A React TypeScript app that fetches and displays weather data using the OpenWeatherMap API. Users can search for the current weather in any location, including details like temperature, humidity, wind speed, and weather conditions in an intuitive interface.

โ˜… 0Forks 0TypeScriptGitHub โ†—Compare
nextjsreacttailwind-csstypescript

README

Welcome to Weather App ๐Ÿ‘‹

A simple React TypeScript application that fetches and displays weather information using the OpenWeatherMap API. The app allows users to search for the current weather of any location, showing details like temperature, humidity, wind speed, and weather conditions in an intuitive and user-friendly interface.

๐Ÿ  Homepage

Video demo

Watch the video below for a quick demo of how the application works:

Note: The video may take some time to load. Please be patient. weather-app-

Clone

Run the following command to clone this project to your local machine:

git clone https://github.com/whflima/weather-app

Navigate to the project folder:

Run the following command to move into the project folder:

cd weather-app

Install

Run the following command to install the required dependencies:

npm install

It will install all the necessary packages listed in the package.json file.

Start

Run the following command to start the development server:

npm run dev

Open http://localhost:3000 to view it in the browser.

Author

๐Ÿ‘ค Welisson Lima

Show your support

Give a โญ๏ธ if this project helped you!


Contributors

whflimawelisson-lima

Issues