☀️💨 WeatherWise ⚡️🌤️

WeatherWise

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • React
  • Vite (for development and build)

Approach Taken

This WeatherWise application allows users to search for weather information by city. The app uses Fetch API to make requests to the OpenWeatherMap API. Users can search for the current weather of any city. The bottom displays cities worldwide and changes every 10 seconds to display new cities.

Live Site

WeatherWise

Usage Instructions

  1. Clone the repository: git clone https://github.com/your-username/weather-dashboard.git
  2. Install dependencies: npm install
  3. Start the development server: npm run dev

Unsolved Problems

  • Explore adding user authentication for personalized weather tracking.

Future Improvements

  • Implement dark mode.
  • Add more weather metrics and forecasts.

Usage Instructions

  1. Clone the repository: git clone https://github.com/your-username/weather-dashboard.git
  2. Install dependencies: npm install
  3. Start the development server: npm run dev

Unsolved Problems

  • Explore adding user authentication for personalized weather tracking.

Future Improvements

  • Implement dark mode.
  • Add more weather metrics and forecasts.
  • Users able to add favorite cities to the "Cities Around the World" component