https://github.com/s-shemmee/react-weather-app

A React.js weather app (5 day forecast) using OpenWeatherMap's API + SheCodes weather API. Deployed via Netlify.
https://github.com/s-shemmee/react-weather-app

react-project react-weather-app react18 shecodes shecodes-react

Last synced: 6 months ago
JSON representation

A React.js weather app (5 day forecast) using OpenWeatherMap's API + SheCodes weather API. Deployed via Netlify.

• Host: GitHub
• URL: https://github.com/s-shemmee/react-weather-app
• Owner: s-shemmee
• License: gpl-3.0
• Created: 2023-05-19T16:51:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-14T14:52:12.000Z (10 months ago)
• Last Synced: 2025-04-09T23:14:44.021Z (6 months ago)
• Topics: react-project, react-weather-app, react18, shecodes, shecodes-react
• Language: JavaScript
• Homepage: https://react-weather-app-shemmee.netlify.app
• Size: 1.77 MB
• Stars: 44
• Watchers: 2
• Forks: 34
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Weather App

This is a web app developed as a final project for SheCodes React using React.js. It allows users to search for the weather conditions of any city in the world and provides current weather information. The app fetches weather data using the SheCodes Weather API.

![Opera Snapshot_2024-02-08_163132_react-weather-app-shemmee netlify app](https://github.com/s-shemmee/React-Weather-App/assets/56132945/a3aea312-a726-40c6-93bb-45261ecddcad)

# Features

- Users can search for weather conditions of any city in the world.

- The app displays the current weather conditions, including temperature and weather description.

- The app utilizes the SheCodes Weather API to fetch weather data.

# Technologies & Tools Used

- React.js

- HTML

- CSS

- JavaScript

- VS Code

- SheCodes Weather API

# Installation and Usage

To use this app, you can follow these steps:

- Clone the repository or download the source code.

- Open the project in your preferred code editor.

- Run  `npm install` to install the necessary dependencies.

- Run `npm start` to start the development server.

- Open your browser and navigate to `http://localhost:3000` to use the app.

To use the app, simply type the name of the city you want to search for in the search bar and press Enter. The app will display the current weather conditions for the searched city.

# Demo

A live demo of the React Weather App is available at [LINK TO LIVE DEMO](https://react-weather-app-shemmee.netlify.app).

# Credits

- The weather app was created by [s-shemmee](https://github.com/s-shemmee) as a final project for the SheCodes React workshop.

- The app uses the SheCodes Weather API to retrieve weather data.

# License

This project is licensed under the MIT license.