Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/faseeh41/react-weather-app
The React Weather App is a web application that allows users to search for and view current weather conditions in any city worldwide. It utilizes the SheCodes Weather API to fetch and display weather information such as temperature and weather description. The app was developed by M. Faseeh Hassan as an internship task for VerveBridge.
https://github.com/faseeh41/react-weather-app
css3 html5 images reactjs weather-api
Last synced: 7 days ago
JSON representation
The React Weather App is a web application that allows users to search for and view current weather conditions in any city worldwide. It utilizes the SheCodes Weather API to fetch and display weather information such as temperature and weather description. The app was developed by M. Faseeh Hassan as an internship task for VerveBridge.
- Host: GitHub
- URL: https://github.com/faseeh41/react-weather-app
- Owner: faseeh41
- License: mit
- Created: 2024-08-18T07:53:16.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-13T14:01:39.000Z (4 months ago)
- Last Synced: 2024-11-13T21:46:09.491Z (2 months ago)
- Topics: css3, html5, images, reactjs, weather-api
- Language: JavaScript
- Homepage: https://react-weather-app-faseeh.vercel.app
- Size: 1.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- 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 intership task1 project given form VerveBridge in which i used 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.
React-Weather-App-Faseeh.vercel.app
# 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-faseeh.vercel.app/).
# Credits
- The weather app was created by [M.Faseeh Hassan](https://github.com/faseeh41) as a intership task1 project given form VerveBridge for React workshop.
- The app uses the SheCodes Weather API to retrieve weather data.### Show your support
Give a ⭐ if you like this website!