Skip to content

Pranto-Bapary/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App

A simple and elegant real-time Weather Application built with HTML, CSS, EJS, Node.js, and Express.js.
This app fetches live weather data from the OpenWeatherMap API and displays it in a clean, user-friendly UI.


🚀 Features

  • 🌍 Real-time Weather data fetched from OpenWeatherMap API.
  • 🔍 Search Functionality – Search weather for any city or country.
  • 📍 Displays Temperature, Weather Condition, Location, and Time.
  • 404 Error Page – Handles cases where a city or country is not found.
  • 🎨 Clean and responsive UI design built with HTML & CSS.

🛠️ Tech Stack

  • Frontend: HTML, CSS, EJS (Template Engine)
  • Backend: Node.js, Express.js
  • API: OpenWeatherMap API

📸 Screenshot

Weather App Screenshot


⚙️ Installation & Setup

  1. Clone the repository
    git clone https://github.com/pranto-bapary/weather-app.git
    cd weather-app
  2. Install dependencies
    npm install
  3. Add OpenWeatherMap API Key
  • Create a .env file in the project root.
  • Add your API key like this:
WEATHER_API_KEY=your_api_key_here
  1. Run the app
    npm start
    App will be running on: 👉 http://localhost:3000

📂 Project Structure

weather-app/
│-- public/          # Static files (CSS, Images, JS)
│-- views/           # EJS templates
│-- app.js           # Main server file
│-- package.json     
│-- .env     
│-- README.md

🙌 Acknowledgements

  • OpenWeatherMap for providing real-time weather data.
  • Node.js & Express.js community for backend support.

About

Here I made a Realtime Weather App using HTML, CSS, EJS template engine, Node.js and Express.js. I also integrated OpenWeatherMap Api for real-time weather information.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors