- Nimbus — a weather forecast website that fetches weather data from the Visual Crossing API. Users can search for any location to view its weather information. The application includes informative cards such as hourly forecast, 10-day forecast, precipitation, wind, humidity, and more. It also allows toggling between Fahrenheit and Celsius, as well as imperial and metric units.
- Main features:
- Weather API module (create requests and fetch data from Visual Crossing)
- Weather data module (process the weather raw data)
- DOM manager module (create/edit/delete DOM elements)
- Asynchronous functions
- Webpack module bundler
Click here to try out this project on browser.
This project is part of the curriculum of The Odin Project. You can check out other projects that I've built in my fullstack-journey repository.
- Fonts
- Coiny — available on Google Fonts under the Open Font License
- Images
- Partly Cloudy Day: Photo by Ronaldo R&K: https://www.pexels.com/photo/clouds-on-the-sky-16638535/
- Partly Cloud Night: Image by rawpixel.com on Freepik
- Clear Night: Image by rawpixel.com on Freepik
- Clear Day: Image by krakenimages.com on Freepik
- Cloudy: Photo by Artem Anokhin on Unsplash
- Wind: Image by eberhardgross on Freepik
- Rain: Image by freestockcenter on Freepik
- Snow: Background with Lights Snowflakes on Freepik
- Fog: Image by kotkoa on Freepik
- Icons
- Logo: Cloud icons created by Freepik - Flaticon
- Snow: Snow icons created by Freepik - Flaticon
- Rain: Rain icons created by apien - Flaticon
- Fog: Fog icons created by Yudhi Restu - Flaticon
- Wind: Wind icons created by Freepik - Flaticon
- Cloudy: Cloudy icons created by bqlqn - Flaticon
- Partially cloudy day: Cloudy icons created by kosonicon - Flaticon
- Partially cloudy night: Cloudy night icons created by Konkapp - Flaticon
- Clear day: Sun icons created by DinosoftLabs - Flaticon
- Clear night: Moon icons created by Freepik - Flaticon
- Umbrella icon by Google – Licensed under Apache 2.0