https://github.com/simandrew/weather-app-react
Weather React JS App
https://github.com/simandrew/weather-app-react
Last synced: 3 months ago
JSON representation
Weather React JS App
- Host: GitHub
- URL: https://github.com/simandrew/weather-app-react
- Owner: SimAndrew
- Created: 2024-01-28T21:33:59.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-02T16:35:45.000Z (over 1 year ago)
- Last Synced: 2025-01-12T11:32:16.000Z (4 months ago)
- Language: JavaScript
- Homepage: https://weather-reactjsapp.netlify.app/
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Weather React App.
---
### About:
A Weather React App contains two separate implementations:
- Class-based version demonstrating traditional React component architecture.
- Functional-based version using React Hooks.
The app help find weather information of next 7 days about city or country.
App utilizing the Weather Forecast API.
Location entered by user storing in LocalStorage.
You can try here: [weather-reactjsapp.netlify.app/](https://weather-reactjsapp.netlify.app/)
### Sample task, photo:
Search for weather by typing symbolically:
---
### Technologies:
- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [The Weather Forecast API](https://open-meteo.com/en/docs)
- [Deploying on Netlify](https://www.netlify.com/)
---
### Run the app:
- Clone a project: `git clone`
```
https://github.com/SimAndrew/weather-app-react.git
```
- Open project code in your editor.
- Install the dependencies, enter into the terminal:
```
npm install
```
- Run the project, enter into the terminal:
```
npm run dev
```