Skip to content

user-friendly weather app combines the power of React and Chakra UI on the frontend with Node.js, Express, Redis, and MongoDB on the backend, providing features like login, signup, and real-time weather updates

Notifications You must be signed in to change notification settings

shaikhshahbaz4022/Real-Time-Weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 

Repository files navigation

Real Time Weather App

Description

The Weather App is a web application that allows users to check the weather for any location. Users can sign up or log in to access the weather information. Once logged in, they can simply enter the location name, and the app will display the weather details for that location. The app utilizes Redis for caching weather data, reducing the number of API calls to the weather service, and MongoDB for storing user details.

Features

  • User Authentication: Users can sign up or log in to access the weather information.
  • Weather Data Caching: Weather data is cached in Redis, reducing the need for repeated API calls.
  • Responsive Design: The app is designed to work seamlessly on different devices and screen sizes.

Tech Stack

  • Frontend: React, Chakra UI
  • Backend: Node.js, Express.js, MongoDB, Redis

Getting Started

  1. Clone the repository: git clone https://github.com/shaikhshahbaz4022/Real-Time-Weather.git
  2. Install dependencies for both frontend and backend: cd weather-app && npm install
  3. Start the backend server: npm run server
  4. Start the frontend development server: npm run start
  5. Open your browser and go to http://localhost:3000 to access the Weather App.

Deployment

-The Weather App is deployed and can be accessed at Real-Time-Weather
-The Backend is Deployed On Render

Screenshots

Homepage

HomePage

Signup Page

SignUp Page

Login Page

Login-page

Weather Search Page

Weather Page

Credits

This Weather App was created by Shahbaz Shaikh.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code for your own projects.

About

user-friendly weather app combines the power of React and Chakra UI on the frontend with Node.js, Express, Redis, and MongoDB on the backend, providing features like login, signup, and real-time weather updates

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published