Sustainable
Sustainbale is a web application designed to connect people to collection points for recyclable waste. It was built during an intensive bootcamp to explore a modern stack with React, Next.js, TypeScript and Tailwind CSS, focusing on accessibility, responsiveness and a clean component‑based architecture.
Demo content. You can adapt the copy here to the specifics of your implementation and data sources.
Interactive demo
Key Features
- Search by location and items: Filter collection points by city/state and material types.
- Accessible UI: Keyboard navigation and semantic landmarks.
- Responsive design: Optimized for desktop and mobile.
- Clean data model: Clear separation between entities and presentation.
Architecture & Stack
| Category | Technology | Purpose |
|---|---|---|
| Main Framework | React / Next.js | Declarative, component‑based UI and App Router. |
| Language | TypeScript | Static typing for safety and maintainability. |
| Styling | Tailwind CSS | Utility‑first CSS for rapid development. |
| HTTP | Fetch/Axios | Interact with APIs and data services. |
| Hosting | Vercel | CI/CD and global CDN. |