Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/matheusmartinsviana/weather-app
Website created with Weather API integration with React.js that provides weather information for the city you want! 🗺️
https://github.com/matheusmartinsviana/weather-app
weather-api
Last synced: 12 days ago
JSON representation
Website created with Weather API integration with React.js that provides weather information for the city you want! 🗺️
- Host: GitHub
- URL: https://github.com/matheusmartinsviana/weather-app
- Owner: matheusmartinsviana
- Created: 2024-06-07T01:04:11.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-04T02:18:39.000Z (5 months ago)
- Last Synced: 2024-08-04T03:39:14.279Z (5 months ago)
- Topics: weather-api
- Language: JavaScript
- Homepage: https://matheusmartinsviana.github.io/weather-app/
- Size: 5.92 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
The Weather application is a website built using React and various backend concepts, including API integrations. It exclusively utilizes the [Open Weather API](https://openweathermap.org/api), which provides a free version with various information about any desired region.
## Deploy
To deploy the application, follow these steps:
1. In the root folder of the project, navigate to the backend directory:
```bash
cd backend
```
2. Install the necessary dependencies:
```bash
npm install
```
3. Return to the root folder:
```bash
cd ..
```
4. With the backend server running, start the frontend development server from the root folder:
```bash
npm run dev
```
5. Open your browser and navigate to:
```
http://localhost:5173/
```
## Front-end
### Libraries Used:
- **React-slick**, **Bootstrap**: For creating customized components.
- **Axios**: For integrating with the backend.
- **Vite**: To facilitate project deployment and provide an optimized development environment.
- **React-router-dom**: For navigation between pages on the site.
## Back-end
### Libraries Used:
- **cors**: To authorize requests.
- **express**: To create a server for handling frontend requests.
- **SendGrid API**: To send emails with the weather information.
###
## Result from email message
