A simple web app that shows weather details for any city and generates random jokes. Built using HTML, CSS, and JavaScript with API integration.
A simple web app that shows weather details for any city and generates random jokes. Built using HTML, CSS, and JavaScript with API integration.
I built a mini web project that combines a Weather App and a Joke Generator on one page. Users can check real-time weather by entering a city and also generate random jokes with a single click.
The most challenging part was working with APIs and handling the data properly, but I learned how to use fetch(), work with JSON, and manage asynchronous code.
Iām really happy with how the UI and functionality turned out, and this project helped me improve my JavaScript skills a lot š
š Devlog
Day 1:
Started the project and designed the basic UI using HTML and CSS.
Day 2:
Built the Weather App using fetch API and displayed temperature, weather, and humidity.
Day 3:
Added the Joke Generator using an API and handled button click events.
Day 4:
Combined both apps on one page and improved layout using Flexbox.
Day 5:
Tested the project, fixed errors, and improved user experience.
Log in to leave a comment