← Back to Projects

Weather Now App

A modern, responsive weather application built with Nuxt 3 that provides real-time weather information and forecasts with support for multiple measurement systems and themes.

Category

  • Nuxt3
  • TailwindCSS
  • Open-Metro (Weather API)
  • Yarn
  • TypeScript
  • Vercel

Client

Personal Challenge

Year

Dec 2025

Display

Customer Features

The Weather Now App was designed to make checking the weather quick and frustration-free. Users can search for any city worldwide and immediately see up-to-date weather information without unnecessary steps or clutter. The interface prioritizes readability and visual hierarchy, making it easy to get the information you need at a glance.

The app fetches live data from a weather API and displays current temperature, conditions, humidity, wind speed, and “feels like” values. Results update instantly after a search, giving users accurate, reliable information without page reloads or delays.
Users can search for cities around the world and get immediate results, making the app useful for both everyday checks and travel planning. The search experience is optimized for speed and responsiveness, ensuring smooth updates even with repeated searches.
The layout is fully responsive and designed to work seamlessly on mobile, tablet, and desktop devices. Thoughtful spacing, simple typography, and clear icons help present complex data in a way that feels approachable and easy to understand.
iPhone 13 Pro

The Problem

Weather apps are everywhere, but many of them are overloaded with ads, animations, and unnecessary features that get in the way of basic usability. I wanted to create something simpler — a tool that focused purely on delivering accurate weather information as quickly and clearly as possible. I also wanted a project that would push me to work with real APIs and asynchronous data handling in a clean, maintainable way.

The Solution

Weather Now App became a focused, no-frills weather dashboard that prioritizes speed, clarity, and usability. By integrating a live weather API and building a responsive interface around it, I created an app that feels practical and intentional. This project strengthened my understanding of API integration, loading states, error handling, and building user-friendly interfaces around dynamic data.

Apple Set

What I Learned

This project deepened my understanding of modern full-stack architecture, especially the balance between frontend performance and backend responsibility. I gained hands-on experience with SolidJS’s reactive model, protected routes, CRUD operations, and integrating third-party backend services. It also reinforced the importance of designing admin tools alongside customer experiences when building real-world applications.

Gallery image

View the Full Project

Want to explore the app or see how it was built?

View Full Project