https://github.com/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.
https://github.com/whflima/weather-app
nextjs react tailwind-css typescript
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/whflima/weather-app
- Owner: whflima
- Created: 2024-12-09T05:12:14.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-18T03:20:33.000Z (over 1 year ago)
- Last Synced: 2025-07-25T07:48:01.749Z (11 months ago)
- Topics: nextjs, react, tailwind-css, typescript
- Language: TypeScript
- Homepage:
- Size: 113 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
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](https://whflima.github.io/weather-app/)
## 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.
## Clone
Run the following command to clone this project to your local machine:
```sh
git clone https://github.com/whflima/weather-app
```
## Navigate to the project folder:
Run the following command to move into the project folder:
```sh
cd weather-app
```
## Install
Run the following command to install the required dependencies:
```sh
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:
```sh
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
## Author
👤 **Welisson Lima**
* Github: [@whflima](https://github.com/whflima)
* LinkedIn: [@https:\/\/www.linkedin.com\/in\/welisson-lima\/](https://linkedin.com/in/welisson-lima)
## Show your support
Give a ⭐️ if this project helped you!
***