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.
- 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.
Check out the live demo of the app: Floweather Live
-
Clone the repository:
git clone https://github.com/sifatuul/floweather.git
-
Open the
index.htmlfile in your browser:open index.html
-
Enter a city name in the search box, and click on the
Searchbutton to view the weather data.
- 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.
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.
- 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.
- 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.
Your Name
This project is licensed under the MIT License - see the LICENSE file for details.