Weather App

This project is about building a web application to show a weather forecast using weather API.

Tech Stack

Want to see live preview »

🚀 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
• Cool zoom-in zoom-out animations
• Responsive for every screen size.

Glimpses of Weather App 🙈 :

Getting Started

This project was built using React v 18.0.5, 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/sonuprasad66/Weather_App.git

• Open terminal on your workspace with

cd /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 start

Tools used on this project

• Visual Studio Code
• Create React App

Built with

• React JS
• Redux JS
• Redux Thunk
• Advance JavaScript (ES6)
• CSS3
• Chakra UI

Creators

Show your support

Give a ⭐️ if you like this project!