WeatherJournal is an open-source front-end project that provides real-time meteorological data for any city worldwide. This single-page application features a user-friendly interface, complete with SVG images that vividly illustrate the current weather conditions. It also displays beautiful images related to the location, enhancing the overall user experience.
WeatherJournal's User Interface
- Search for real-time weather data by city name.
- Simple and elegant user interface with SVG weather illustrations.
- Display of related images for each location.
WeatherJournal is built using plain CSS, HTML, and JavaScript. It integrates three key APIs:
- GeoNames: To obtain accurate latitude and longitude coordinates of the entered city.
- WeatherBit: To fetch real-time weather data using the provided coordinates.
- Pixabay: To retrieve and display location-related images.
- Installation: Clone the repository to your local machine and run
npm i. - APIs Set Up: make sure you get your Keys from the tools described above and add them to the .env file
- Running the Application: run
node .\Server.jsand open up the browser on localhost:5000 - Usage:
- Enter the name of the city in the search bar.
- Press the 'Get Weather' button to view the weather data and related images.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Gary Vladimir Núñez López - gary@garybricks.com