Project weather

weather app for Learning Javascript , Tailwind

Demo

Weather App

Screenshots

Desktop

Mobile

DarkMode	LightMode

Features

1. Current weather: Display temperature, humidity, wind speed, and precipitation.
2. Multi-day forecast: Show predicted weather conditions for multiple days.
3. Search functionality: Allow users to find weather information for specific locations.
4. Weather icons: Display icons representing current weather conditions.
5. Sunrise and sunset times: Show the times for the current location.
6. Hourly updates: Track and display weather updates on an hourly basis.
7. Temperature graph: Visualize temperature trends over time.
8. UV index: Display the level of UV radiation.
9. Humidity gauge: Graphical representation of humidity level.
10. Wind direction: Show wind direction using an arrow or compass icon.
11. Wind speed gauge: Visual indicator of wind speed.
12. City image: Display an image of the city or location.
13. Day/night theme: Adjust color scheme or background image based on time of day.

Technologies used

• Style
  • TailwinCss
  • Prettier Plugin TailwindCss

Run Locally

1. Clone the project

https://github.com/aliseyedi01/weather-app.git

2. Go to the project directory

  cd weather-app

3. Install dependencies

  npm install

4. Start the server

  npm run dev