Skip to content

A weather app that: Let users enter a city and get the current weather. Shows the weather clearly, with any details you think are useful.

Notifications You must be signed in to change notification settings

tsatn/WeatherApp_TeresaTian

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

A weather app using Flask for the backend and React for the frontend. The app allows users to enter a city name and fetch the current weather data.

Features Implememtation

  • Fetch current weather by city.
  • Display detailed weather information (temperature, description, humidity, wind speed).

Extra Features Implememtation

  • 5-day forecast.
  • Geolocation-based weather data. (in progress)
  • Weather icons for better visualization. (in progress)

Setup and Run

Backend (Flask)

  1. Create a virtual environment: python -m venv venv

  2. Install the dependencies: pip install -r requirements.txt

  3. Run the Flask app: python app.py

Frontend (React)

  1. Navigate to the frontend folder and install dependencies: cd frontend npm install

  2. Run the React app: npm start

shell

API

  • The backend fetches data from the OpenWeatherMap API.

Demo Video

Please find the demo video here: Demo Video Link

Note

Ensure the backend and frontend servers are running simultaneously for the app to function correctly.

About

A weather app that: Let users enter a city and get the current weather. Shows the weather clearly, with any details you think are useful.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published