Recycling Pickup SaaS Platform

DashCan

A web platform facilitating scheduling and management of recyclable item pickups, connecting users with administrators through an intuitive booking system, service area management, and comprehensive order tracking.

Google MapsBooking SystemMulti-Role DashboardSustainability
ReactTypeScriptTailwind CSSSupabase

Description

DashCanFrontend Engineer

DashCan is a live recycling SaaS platform operating across multiple cities. As the frontend engineer, I architected and built the entire customer portal and admin operations platform from the ground up, delivering a seamless experience for both recyclers and business administrators.

66% of people won't recycle if it's inconvenient. DashCan eliminates that friction — users schedule a pickup through an intuitive multi-step flow, track their pickups in real time, and receive instant payouts while watching their environmental impact grow.

What I Built

Customer Portal:

  • Multi-step scheduling wizard with item selection, timezone-aware time slots, and location-based service area validation using Google Maps
  • Real-time order tracking dashboard showing pickup status, environmental impact metrics, and payout history
  • Address management and payment method storage for repeat users
  • Full user authentication flow with JWT tokens and Supabase-powered password reset

Admin Operations Platform:

  • Complete pricing management interface for recyclable items with live edit and delete functionality
  • Interactive Google Maps integration for radius-based service area visualization and management
  • Order workflow dashboard tracking pickups from scheduled through processed to paid status
  • Business analytics views surfacing revenue, user activity, and environmental reporting metrics
  • Role-based route protection ensuring only admins can access sensitive operations

Engineering

Architected routing and component structure from scratch · Built state management using React Context · Implemented role-based access control with JWT authentication · Integrated Google Maps API for service area visualization · Timezone-accurate scheduling logic using Luxon · i18next for English/Spanish localization · Optimistic UI updates with rollback on concurrent changes · PWA support for offline capability.

Proven Results

  • Multiple active service areas across different cities
  • Thousands of successful pickups completed
  • Real-time environmental impact tracking enabling users to see their contribution to sustainability
  • Admin tools enabling efficient operations and scaling

Built with

The toolkit behind DashCan

Visit live project
ReactTypeScriptNext.jsViteTailwind CSSNode.jsExpress.jsPostgreSQLSupabaseGoogle Maps API