https://github.com/sunjay-dev/weather-website-using-redis

A simple weather web app that provides real-time weather updates for any city or your current location using GPS.
https://github.com/sunjay-dev/weather-website-using-redis

redis weather weather-api weather-forecast weather-web-app weather-website

Last synced: 8 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sunjay-dev/weather-website-using-redis
• Owner: sunjay-dev
• Created: 2025-03-17T18:48:52.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-05-17T12:11:15.000Z (9 months ago)
• Last Synced: 2025-05-17T13:25:50.398Z (9 months ago)
• Topics: redis, weather, weather-api, weather-forecast, weather-web-app, weather-website
• Language: CSS
• Homepage: https://weather.sunjay.xyz
• Size: 23.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

![EJS](https://img.shields.io/badge/ejs-%23B4CA65.svg?style=for-the-badge&logo=ejs&logoColor=black)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Redis](https://img.shields.io/badge/redis-%23DD0031.svg?style=for-the-badge&logo=redis&logoColor=white)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

- **Frontend:** EJS

- **Backend:** Express + Node.js

- **In Memory Database:** Redis (for caching real-time data)

- **API:** Rapid API

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/sunjay-dev/Weather-website

   cd Weather-website

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Set up your **.env** file with your API key:

   ```env

   REDIS_HOST= REDIS_HOST

   REDIS_PASSWORD=REDIS_PASSWORD

   REDIS_PORT=REDIS_PORT

   RAPID_API_KEY=RAPID_API_KEY

   PORT=3000

   ```

4. Start the application:

   ```bash

   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! 🚀