Saksham Zalpuri

WeatherWave

A real-time weather application that provides accurate forecasts, current conditions, and location-based weather insights with a clean, responsive UI.

Key Features:

Real-time weather data using OpenWeatherMap API with async/await

Input validation and graceful handling of invalid cities and network errors

Optimized performance through reduced API calls and efficient DOM updates

Clean separation of data fetching and UI rendering logic

Fully responsive layout using CSS Flexbox, Grid, and media queries

E-Commerce Product Dashboard

An interactive product dashboard that displays products from an external API, allowing users to browse, search, filter, sort, and manage a shopping cart with persistent state.

Key Features:

Dynamically fetched and rendered products using Fetch API and async/await

Search, category filtering, and price-based sorting with debounced inputs

Cart management with real-time quantity updates and total price calculation

Persistent cart state using localStorage across page reloads

Modular JavaScript structure separating data, UI, and cart logic

Responsive grid-based UI built with CSS Grid and Flexbox

Advanced To-Do Dashboard

A feature-rich task management dashboard that enables users to efficiently create, manage, and track tasks with persistent state and optimized performance.

Key Features:

Full CRUD task management using vanilla JavaScript and efficient DOM manipulation

Task filtering (All / Active / Completed) implemented with event delegation

Persistent application state using localStorage across browser sessions

Clear separation of state management, business logic, and UI rendering

Optimized DOM updates by re-rendering only affected nodes

Responsive layout built with CSS Flexbox and media queries

Sidcup Family Golf — Landing Page Clone

A pixel-perfect recreation of the Sidcup Family Golf landing page, focusing on smooth scroll-based animations, visual accuracy, and responsive layout.

Key Features:

Recreated a pixel-perfect landing page with GSAP scroll-trigger animations

Achieved smooth 60FPS interactions using timelines and controlled easing

Improved layout responsiveness with fluid containers and flexible grids

Matched original brand design with high visual fidelity.