https://github.com/nagcas/weather-app
Weather App: Visualizza il Meteo con un Click
https://github.com/nagcas/weather-app
bootstrap hacktoberfest javascript react vite
Last synced: 9 months ago
JSON representation
Weather App: Visualizza il Meteo con un Click
- Host: GitHub
- URL: https://github.com/nagcas/weather-app
- Owner: nagcas
- Created: 2024-10-12T22:34:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-08-24T17:46:25.000Z (10 months ago)
- Last Synced: 2025-09-13T07:43:18.275Z (9 months ago)
- Topics: bootstrap, hacktoberfest, javascript, react, vite
- Language: JavaScript
- Homepage: https://weather-app-hacktoberfest.vercel.app/
- Size: 4.61 MB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Weather App 🌦️
Weather App is an application that allows users to view the current weather and forecasts for multiple cities using the OpenWeatherMap API. The app enables registered users to save their favorite cities. The project includes a backend for authentication (login and registration) and preference management.
- 🌍 View the current weather for any city.
- 🔮 5-day weather forecasts.
- 🔐 Authentication: login and registration system.
- ⭐ Save favorite cities for registered users.
- 💻 Responsive design for an optimal experience on mobile and desktop.
## Screenshot
## Technologies used
- **Frontend**:
- React with Vite
- CSS3 (Flexbox per il layout responsive)
**Fetch** (for API calls)
- **Backend**:
- Node.js with Express
- MongoDB (for user and favorite city management)
- JWT (for authentication)
- Bcrypt (for password management)
- **API**:
- OpenWeatherMap
## Installation and Usage
### Prerequisites
Make sure you have Node.js, npm, and MongoDB installed on your computer.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/nagcas/Weather-App.git
cd weather-app
```
## Install dependencies for the frontend and backend
## For the frontend
```bash
cd frontend
npm install
```
## For the backend
```bash
cd ../backend
npm install
```
## Configure environment variables
Create a `.env` file in the `backend` folder with the following content:
```bash
PORT=5000
MONGO_URI=
JWT_SECRET=
OPENWEATHER_API_KEY=
```
## Start the backend
```bash
cd backend
npm start
```
## Start the frontend using Vite
```bash
cd frontend
npm run dev
```
## Contribuire
Contributing to the project is easy! If you want to participate, follow the instructions in the CONTRIBUTING.md file.
### Fork the project
Create a new branch for your feature: `git checkout -b feature/your-feature-name`.
Commit your changes: `git commit -m "Adds a new feature"`.
Push to the branch: `git push origin feature/your-feature-name`.
Submit a pull request.
### License
Distributed under the MIT License. See the LICENSE file for more details.
Project created for Hacktoberfest 2024. 🎃