WeatherApp is a web application that provides real-time weather updates for any location. Utilizing the OpenMeteo Weather API, it delivers accurate weather data including temperature, humidity, wind speed, and more, all in a user-friendly interface.
- Real-time weather updates.
- Search weather by city, latitude, and longitude.
- Detailed weather metrics including temperature, humidity, wind speed, and UV index.
- Responsive design for desktop and mobile browsers.
- Modern and intuitive user interface.
The project is divided into two main directories:
frontend: Contains the Next.js application.backend: Contains the Flask application.
These instructions will guide you on how to get a copy of the project up and running on your local machine for development and testing purposes.
- Node.js
- Python
- npm or Yarn
- Clone the repository:
git clone https://github.com/MunemHashmi/weatherApp.git- Navigate to the project directory:
cd WeatherApp- Navigate to the frontend directory:
cd frontend- Install dependencies:
npm install
# or
yarn install- Start the development server:
npm run dev
# or
yarn devNow you can open http://localhost:3000 to view the app in the browser.
- Navigate to the backend directory:
cd backend- Create a virtual environment and activate it:
python -m venv env
source env/bin/activate
3. Install dependencies:
```bash
pip install -r requirements.txt- Start the Flask server:
flask runThe backend server will start on http://localhost:5000.
- Frontend: Next.js
- Backend: Flask
- CSS Framework: Tailwind CSS
- API: OpenMeteo Weather API
WeatherApp is licensed under the MIT License - see the LICENSE file for details.
- Weather data provided by OpenMeteo Weather API.
- Icons provided by Heroicons.


