Dashcan

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 MapsSustainabilityBooking System
React
React
Node.js
Node.js
TypeScript
TypeScript
Tailwind CSS
Tailwind CSS

Description

Recycling Pickup Management Platform

Dashcan is a full-featured web application designed to streamline the scheduling and management of recyclable item pickups, making sustainability more accessible.

User Platform Features:

  • Multi-Step Scheduling: Intuitive form for selecting items, choosing dates/time slots, and setting pickup locations
  • User Dashboard: Complete order history and profile management with addresses and payment methods
  • Google Maps Integration: Location-based service with radius-based service area definitions
  • Booking Logic: Smart slot management with 3-hour grace periods and automatic conflict prevention

Admin Dashboard:

  • Item Pricing Management: Full CRUD operations for recyclable items
  • Service Areas: Define and manage operation radius on interactive maps
  • Order Management: Update order status through workflow (Scheduled, Processed, Paid)
  • Analytics: Track business metrics and user activity

Technical Implementation:

  1. CI/CD Pipeline: Automated deployment via GitHub Actions for staging and production
  2. Authentication: Secure Supabase Auth with email verification
  3. Smart Time Handling: Complex timezone logic for accurate booking slot management
  4. Deployment: Digital Ocean droplets with production domain (dashcan.app)

Built with React, ShadCN UI, Tailwind CSS on the frontend, and Node.js/Express with Supabase PostgreSQL on the backend.

"A fully functional web application allowing users to book recycling pickups and admins to manage the entire operation."