Skip to content

A simple weather web app that provides real-time weather updates for any city or your current location using GPS.

Notifications You must be signed in to change notification settings

sunjay-dev/Weather-website

Repository files navigation

Weather Web App

A simple weather web application that allows users to search for the weather of any city or detect their current location to fetch real-time weather data with a modern UI. The app provides temperature, humidity, rain chances, and other weather conditions using an external API.

Features

  • 🌍 Search by City – Enter a city name to get live weather updates.
  • πŸ“ Detect Location – Automatically fetch weather data for your current location.
  • 🎨 Responsive UI – Built with modern design and mobile-friendly experience.
  • πŸ“Š Weather Details – Includes temperature, rain probability, humidity, and more.

Technologies Used

NodeJS Express.js EJS TailwindCSS Redis Vercel

  • Frontend: EJS
  • Backend: Express + Node.js
  • In Memory Database: Redis (for caching real-time data)
  • API: Rapid API

Installation

  1. Clone the repository:
    git clone https://github.com/sunjay-dev/Weather-website
    cd Weather-website
  2. Install dependencies:
    npm install
  3. Set up your .env file with your API key:
    REDIS_HOST= REDIS_HOST
    REDIS_PASSWORD=REDIS_PASSWORD
    REDIS_PORT=REDIS_PORT
    RAPID_API_KEY=RAPID_API_KEY
    PORT=3000
  4. Start the application:
    npm start

Usage

  • Type a city name and click Search to get weather details.
  • Click the Refresh button to update the weather data.
  • Use the Location button to fetch your current location's weather.

License

This project is open-source and available under the MIT License.


Feel free to contribute or raise an issue if you find any bugs! πŸš€

About

A simple weather web app that provides real-time weather updates for any city or your current location using GPS.

Topics

Resources

Stars

Watchers

Forks