https://github.com/adhamhaithameid/whether-dashboard
a web application designed to provide users with real-time weather updates and forecasts. It features various weather metrics such as wind speed, UV index, humidity, and visibility.
https://github.com/adhamhaithameid/whether-dashboard
api react tailwindcss whether-api
Last synced: 10 months ago
JSON representation
a web application designed to provide users with real-time weather updates and forecasts. It features various weather metrics such as wind speed, UV index, humidity, and visibility.
- Host: GitHub
- URL: https://github.com/adhamhaithameid/whether-dashboard
- Owner: adhamhaithameid
- Created: 2025-05-25T17:35:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-25T22:54:50.000Z (about 1 year ago)
- Last Synced: 2025-05-25T23:30:10.078Z (about 1 year ago)
- Topics: api, react, tailwindcss, whether-api
- Language: JavaScript
- Homepage:
- Size: 5.56 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Whether-Dashboard
- This project is part of the Codveda internship as a Front End Engineer. [Internship Offer Letter](https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7324392120541151233)
- Go Check the Youtube Video of the Project. [Youtube Video](https://youtu.be/GC9kc_DHjqo)
## Project Overview
The Whether-Dashboard is a web application designed to provide users with real-time weather updates and forecasts. It features various weather metrics such as wind speed, UV index, humidity, and visibility.
## Features
- Real-time weather updates
- Interactive charts for weather metrics
- Responsive and modern UI
- Forecast strips for upcoming days
- Data tabs for quick metric switching
## Screenshots
### Screen Shot of the Project's Interface
![Dashboard Screenshot]()
### the Task Requirements
## Setup Instructions
1. Clone the repository.
2. Install dependencies using `npm install`.
3. Start the development server with `npm run dev`.
## Folder Structure
```
/Design # Design files and assets
/public # Static files
/src # Source code
/components # React components
/assets # Image and media assets
App.jsx # Main app component
main.jsx # Entry point
```
## Usage
- Navigate to the dashboard to view current weather conditions.
- Use the interactive charts to explore different weather metrics.
## Dependencies
- React
- Vite
- Tailwind CSS
- Recharts