Back to Projects

Project 04 — Web Development

Smart Recycling Hub (Haldwani)

2025 Web Development

Developed a production-ready Next.js and Tailwind CSS platform for smart waste management in Haldwani. The platform enables citizens to locate recycling bins via an interactive map, get real-time routing to the nearest bin, and submit reviews. A management dashboard provides sorting, filtering, and high-priority bin alerts for administrators.

View on GitHub Live Demo

Gallery

Project Screenshots

Smart Recycling Hub (Haldwani) — View 1

Smart Recycling Hub (Haldwani) — View 2

Smart Recycling Hub (Haldwani) — View 3

Smart Recycling Hub (Haldwani) — View 4

Smart Recycling Hub (Haldwani) — View 5

Smart Recycling Hub (Haldwani) — View 6

Smart Recycling Hub (Haldwani) — View 7

Smart Recycling Hub (Haldwani) — View 8

1 / 8

Live Preview

See it in Action

https://smart-recycling-system.vercel.app/ Open Full Site

Features

Key Highlights

Live map using Leaflet and OpenStreetMap with color-coded bin markers

Geolocation to find the nearest bin and visualize routes

Google Maps deep links for turn-by-turn navigation

Dashboard with sorting, filtering, and high-priority bin alerts

Review submissions with real-time updates using localStorage

Modern, responsive UI with dark mode support

Tech Stack

Built With

Next.js 15 (App Router)React 19TypeScript 5Tailwind CSS v4PostCSSLeaflet 1.9React-Leaflet 5OpenStreetMap tilesNext.js Route Handlers for APIs

Explore More

Other Projects