Totally Baked - Cannabis E-Commerce Platform

A modern, production-ready e-commerce platform for cannabis products featuring user authentication, shopping cart functionality, and order management. The platform showcases an extensive product catalog with filtering, search capabilities, and a seamless checkout experience.

React 19 React Router Tailwind CSS Firebase Authentication Firestore Database Sanity.io Headless CMS GSAP Vite E-commerce Responsive Design

Key Features

  • Firebase-based authentication with email/password and Google login
  • Persistent shopping cart with localStorage and Firestore integration
  • Dynamic product catalog managed through Sanity.io CMS
  • Complete order history and tracking for logged-in users
  • Mobile-first responsive design with adaptive layouts
  • Special features for medical cannabis patients
  • Real-time cart updates and synchronization
  • Advanced product filtering and search capabilities

My Role

Full-Stack Developer - Architected and developed the entire e-commerce platform from scratch, implemented Firebase authentication, designed the shopping cart system, integrated Sanity.io CMS, and created a production-ready architecture with proper error handling and security measures.

Challenges & Solutions

Challenge: Implementing cart persistence for both guest and authenticated users

Solution: Created a dual storage system using localStorage for guests and Firestore for authenticated users, with seamless cart merging during authentication

Challenge: Building a secure and scalable authentication flow

Solution: Implemented Firebase security rules, protected routes, and created a seamless login/logout experience with cart data preservation

Challenge: Managing complex product catalog and inventory

Solution: Integrated Sanity.io as a headless CMS for flexible content management and implemented real-time product updates

Impact

  • Created a fully functional e-commerce platform ready for production deployment
  • Demonstrated expertise in full-stack development and modern React patterns
  • Implemented industry-standard e-commerce features including cart management and order tracking
  • Built a scalable architecture that can handle growth and additional features

Project Details

Source Code

View Source Code

Live Preview

Interactive demo of the application

Loading Totally Baked - Cannabis E-Commerce Platform preview...

Open in new tab
Open in New Tab