Back to Projects
Web DevFeatured

SkyCast Weather Forecaster

Next.js 15
React
Tailwind CSS
Recharts
OpenWeather API

Overview

SkyCast is a high-performance atmospheric dashboard engineered with Next.js 15 to deliver real-time, hyper-local weather insights through a sophisticated bento-box interface. The project’s architecture focuses on Local-First Data Persistence, utilizing a structured telemetry management system that stores user preferences and geographic coordinates directly within the browser’s local environment to eliminate unnecessary server-side data exposure. By leveraging Server-Side Rendering (SSR) for instantaneous load states and integrating Recharts for granular trend analysis, SkyCast transforms complex JSON meteorological streams into an intuitive, high-fidelity visual experience. The entire UI is built on a custom Glassmorphism framework using Tailwind CSS, ensuring a seamless, responsive transition between professional desktop analytics and mobile-ready accessibility. To explore the industry-standard clean code, modular component design, and the optimized deployment workflow, I invite you to examine the full repository on GitHub.

Architecture

  • Modular Component Design
  • Bento-Box Layout
  • Local Telemetry Engine
  • Asynchronous Service Layer