Skip to content

Latest commit

 

History

History
65 lines (41 loc) · 2.41 KB

README.md

File metadata and controls

65 lines (41 loc) · 2.41 KB
Raw

Floweather - A Stylish Weather Dashboard 🌤

Floweather is a simple and elegant weather dashboard that allows users to search for current weather conditions in any city around the world. It's built using HTML, CSS, and JavaScript, and it fetches real-time weather data using the OpenWeatherMap API.

🌟 Features

  • Search by City: Enter the name of any city to get the latest weather data.
  • Current Weather: Displays temperature, weather description, humidity, and wind speed.
  • Responsive Design: Works beautifully on both mobile and desktop devices.
  • Weather Icons: Displays icons representing current weather conditions.
  • Stylish UI: Clean and modern design with teal accents for an attractive look.

📸 Screenshots

image

🚀 Demo

Check out the live demo of the app: Floweather Live

📚 How to Use

  1. Clone the repository:

    git clone https://github.com/sifatuul/floweather.git

  2. Open the index.html file in your browser:

    open index.html

  3. Enter a city name in the search box, and click on the Search button to view the weather data.

🛠 Technologies Used

  • HTML5 for the structure.
  • CSS3 for styling and responsiveness.
  • JavaScript (ES6) for interacting with the OpenWeatherMap API and updating the DOM dynamically.
  • OpenWeatherMap API to fetch live weather data.

🌍 API

This project uses the OpenWeatherMap API to fetch real-time weather information. Currently, the project uses a public demo key, but for long-term usage, it's recommended to sign up and get your own free API key.

⚠️ Limitations

  • Public API Key: This project uses a free public API key, which has limited requests. It’s highly recommended that you use your own API key from OpenWeatherMap to avoid rate limiting.

✨ Future Enhancements

  • Add a 5-day weather forecast feature.
  • Show weather information based on the user’s current geolocation.
  • Allow users to toggle between Celsius and Fahrenheit.

👨‍💻 Author

Your Name

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.