Dec 1, 2024

Weather-App

reactjs redux javascript forecast weather chakra ui, css and rest api.

🚀 Features

  • Saving the weather data in redux-store and session-storage to reduce the dependency of network requests
  • Search weather details according to the city
  • Detect your current location for displaying weather data
  • Shows a map of that location
  • Sync data to get the latest updated details of the current weather
  • Toast notification for every action
  • Pop up modal to display extra details of seven-day forecast weather
  • Cool zoom-in zoom-out animations
  • Responsive for every screen size.

 

Getting Started

This project was built using React v 17.0.2, Redux v 4.1.2, Chakra UI, CSS and Rest API. It is a web application and for running on your local environment you should follow these guidelines.

Prerequisites

  • NPM

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS

# git clone  https://github.com/Chandan-Singh10/Weather-App.git
 
  • Open terminal on your workspace with
cd /home/workspace/Weather-App
 

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v
 

To confirm that you have npm installed you can run this command in your terminal:

npm -v
 

To install all the dependences of the project, run the following command:

npm install
 

To run the application, run the following command:

npm run dev
 

Tools used on this project

  • Visual Studio Code
  • Vite Js React Template

2

Give a star to encourage!Discussion
Start a new conversation!
Login to join the discussion

More Builds by Chandan Singh

nextjs 14 video-conferencing javascript typescript saas