ritesh355/weather-app-backend repository overview

⁠🌤️ Weather App (Dockerized Flask + Nginx)

A simple weather app built with Flask and served via Nginx using Docker Compose. Enter a city name and get real-time weather data fetched from the OpenWeatherMap API.

⁠📂 Project Structure

weather-app/
│
├── app/
│   ├── app.py               # Flask app
│   └── requirements.txt     # Python dependencies
│
├── frontend/
│   └── index.html           # Simple HTML frontend
│
├── nginx/
│   └── default.conf         # Nginx reverse proxy config
│
├── Dockerfile               # Flask Docker image
├── docker-compose.yml       # Docker Compose setup
└── README.md                # Project documentation

⁠🚀 Features

• 🐍 Python Flask backend
• 🌐 Nginx as a reverse proxy
• 🐳 Docker + Docker Compose support
• 🔄 Realtime weather data using OpenWeatherMap
• 💻 Clean and simple frontend UI

⁠⚙️ Setup Instructions

⁠1. 🧰 Prerequisites

Make sure you have:

• Docker installed
• Docker Compose installed
• An API key from OpenWeatherMap⁠

⁠2. 🛠️ Clone the Repo

git clone https://github.com/yourusername/weather-app.git
cd weather-app

⁠3. 🔐 Configure Environment

Create a .env file in the project root:

API_KEY=your_openweathermap_api_key_here

⁠4. 📦 Build & Run Containers

docker-compose up --build

Access the app at: http://localhost⁠

⁠5. 🧪 Example Usage

• Open the browser.
• Type Mumbai or New York in the input box.
• Click Get Weather to see real-time weather.

⁠📝 Tech Stack

⁠📸 Screenshot

Live ⁠ result⁠

⁠🧹 Cleanup

To stop and remove containers:

docker-compose down

⁠📌 Notes

• For production, use Gunicorn instead of Flask's development server.
• Add error handling and input validation for better UX.

⁠🙌 Acknowledgments

• OpenWeatherMap API⁠
• Docker & Flask Communities

⁠🔗 Connect with Me

• GitHub: ritesh355⁠
• LinkedIn: Ritesh Singh⁠
• Blog: Hashnode⁠