Tech Stack:
Vanilla Javascript, CSS, Github Pages
Year:
2025
Skills:
RESTful API handling, middleware, versioning, responsive web design
Minimalistic Weather App
About
The Minimal Weather App is a lightweight, API-driven web application that makes checking the weather more engaging. It connects to weatherapi.com* to fetch live weather data in JSON format, then processes it with middleware to display fun, dynamic visual effects. Depending on the forecast of the city, users see animations like snow, rain, mist, sun, or clouds that bring the weather to life on screen.
Built with vanilla JavaScript and CSS, the app emphasizes simplicity and responsiveness while avoiding heavy frameworks. It’s hosted on GitHub Pages, keeping the deployment minimal but effective. This project highlights skills in API integration, dynamic DOM manipulation, and UI/UX design, all wrapped in a clean and playful interface.
*Credit: Thank you for the generous amount of free monthly calls weatherapi!
What I Learned
This project deepened my understanding of API integration and asynchronous JavaScript, particularly handling JSON data and managing API responses. I gained valuable experience in dynamic DOM manipulation to create real-time visual effects, and learned how to build responsive applications using only vanilla JavaScript and CSS without relying on frameworks. The deployment process on GitHub Pages also taught me about streamlined hosting solutions for client-side applications.
