ScrapLink

ReactTypeScriptTailwind CSSNode.jsExpress.jsMongoDB
ScrapLink preview

overview.

ScrapLink is a full-stack circular economy platform designed to streamline domestic waste recovery and scrap trading. It connects residents with verified local scrap collectors and processing hubs. Built with React, TypeScript, Tailwind CSS, Node.js, Express.js, and MongoDB.

technical implementation.

Multi-Role Architecture

Engineered distinct user roles and authentication workflows ensuring secure permissions across consumers, collectors, and recycling facilities.

Real-Time Rate Engine

Implemented dynamic pricing algorithms that calculate scrap market valuations based on material categories and volume metrics.

key features.

  • Role-based access workflows for households, collectors, recyclers, and admins
  • Real-time scrap material rate calculator and digital receipt generation
  • Doorstep collection scheduling and status tracking
  • Transparent audit logs and traceability records
  • Responsive, accessible mobile-first interface

screenshots.

ScrapLink homepage showing booking and material rates

ScrapLink platform interface and booking system.

challenges & solutions.

Challenge: Managing state across complex multi-step collection booking flows.

Solution: Structured centralized component state and custom hooks for smooth form transitions and input validation.