https://github.com/devdignesh/weather-application

Built with React.js, TailwindCSS and Zustand for state management.
https://github.com/devdignesh/weather-application

Last synced: about 2 months ago
JSON representation

Built with React.js, TailwindCSS and Zustand for state management.

• Host: GitHub
• URL: https://github.com/devdignesh/weather-application
• Owner: devdignesh
• Created: 2024-08-15T21:17:58.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-16T10:59:47.000Z (5 months ago)
• Last Synced: 2024-08-16T23:08:15.223Z (5 months ago)
• Language: JavaScript
• Homepage: https://weather-application-nine-silk.vercel.app
• Size: 3.51 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather Forecast Dashboard 🌦️

A dynamic weather forecast dashboard built with React.js and Zustand for state management. Users can search and add cities, view weather details, and manage their selected cities list dynamically.

## Features

- City Weather Search: Search and add cities to get current weather details.

- City Weather Display: Shows the weather, temperature, and icons for the selected cities.

- Remove City: Easily remove cities from the list using the delete icon.

- Persistent City List: Maintains a list of up to 5 cities, removing the oldest city when adding a new one.

- Dynamic Weather Data: Fetches weather data from a local JSON file.

## How to Run the Project

 

#### Clone the repository

 ```bash

git clone https://github.com/devdignesh/weather-application.git

```

#### Navigate to the project directory

 ```bash

cd weather-application

```

#### Install the dependencies

```bash

npm install

```

#### Run the development server

```bash

npm start

```

#### Open the application in your browser

Go to http://localhost:3000 to view the weather dashboard

## JSON Weather Data:

- The weather data is fetched from the weatherData.json file located in the public directory.