https://github.com/sougata-github/weather-app

A weather dashboard built using React.js
https://github.com/sougata-github/weather-app

Last synced: 11 months ago
JSON representation

A weather dashboard built using React.js

• Host: GitHub
• URL: https://github.com/sougata-github/weather-app
• Owner: sougata-github
• Created: 2025-02-01T12:41:23.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-02T10:05:52.000Z (about 1 year ago)
• Last Synced: 2025-02-02T10:28:19.050Z (about 1 year ago)
• Language: CSS
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# A Real-Time Weather Dashboard Powered by OpenWeatherMap API

![png](https://github.com/user-attachments/assets/e86cda0d-3f93-4833-8c3a-2c26d58cb4ac)

## Key Features

- Real-time weather data 

- Persisted searched city

- 5-day weather forecast

- Caching and revalidation (polling)

- Clean code and best practices

- Organised file and folder structure

- Fully responsive

- Beautifully designed loading state

- Error states as fallback

## Tech Stack

- **React.js** + **Vite**

- **CSS Modules**

- **TypeScript**

- **OpenWeatherMap API**

- **React Query**

- **Lucide React**

- **Vercel**

- **Git**

- **GitHub**

## Getting Started

1. Clone the repo

```bash

git clone https://github.com/sougata-github/weather-app.git

cd weather-app

```

2. Create a .env file in the root of your project and add the following environment variable:

```bash

VITE_WEATHER_API_KEY=your_api_key

```

3. Install dependencies

```bash

npm install

```

4. Run the project locally

```bash

npm run dev

```