The Weather Dashboard is a web application that provides users with up-to-date weather information for any city around the world. Users can search for a specific city, view the current weather conditions, and check the 5-day weather forecast.
The most important lesson learnt here was the ability to fetch server API's and manipulating the data in a variety of ways to build a functioning weather app.
-
Search by City: Users can enter the name of a city and receive real-time weather updates.
-
Search History: The app keeps track of recent searches, allowing users to quickly revisit their favorite locations.
-
5-Day Forecast: Users can plan ahead with a 5-day forecast that includes temperature, wind speed, and humidity.
HTML: Markup language used for structuring the web page.
CSS: Stylesheet language used for designing the app's layout and appearance.
JavaScript: Programming language used to implement dynamic functionality, fetch weather data, and update the DOM.
Bootstrap: Front-end framework for responsive and mobile-first design.
Day.js: Lightweight JavaScript library for handling dates and times.
OpenWeatherMap API: External API used to retrieve weather information.
If you'd like to contribute to the project, please follow these guidelines.
Fork the project:
Create your feature branch: git checkout -b feature/your-feature.
Commit your changes: git commit -m 'Add some feature'.
Push to the branch: git push origin feature/your-feature.
Submit a pull request.
For any inquiries or collaboration opportunities, feel free to contact me via email at abduelamin@hotmail.co.uk or on LinkedIn
Enter the name of a city in the search bar, view the current weather conditions, including temperature, wind speed, and humidity. Explore the 5-day forecast to plan ahead and Check the search history for quick access to previously searched cities here
If you encounter issues fetching weather data, ensure your internet connection is stable.
This Weather Dashboard is open-source and available under the MIT License.