JUSTGOODSTUFF

A React-based minimalist eCommerce built from scratch using Firebase & Context API

View source code → GitHub Live Demo

Summary

Just Good Stuff is a fictional online clothing store I built as my final bootcamp project. The goal was to create a realistic web app that could also be presented to a development agency in Argentina, showcasing both frontend skills and integration with external services.

Project goal:

The main challenge was to build a modern, fast, and responsive online store that features:

A dynamic product catalog

Shopping cart functionality

Category filters

A smooth, reload-free user experience

Technologies used:

React.js

React Router DOM

Context API

Firebase

Custom CSS

Vercel (deployment)

Project management - npm

My role:

I developed the entire project from scratch:

Designed the UI/UX

Built responsive layout

Implemented dynamic routing (/item/:itemId, /category/:categoryId)

Developed global cart logic using Context API

Integrated Firebase for order storage and checkout functionality

Challenges and solutions:

The main challenge was keeping dynamic routing for categories and product pages fully in sync while maintaining a consistent global cart state. I solved this using React Router for dynamic routes and Context API for state management I also implemented a checkout system that stores each order in Firebase with a unique ID.

What I learned:

Modular architecture in React

Global state management with Context API

Front-end integration with cloud services (Firebase)

SPA routing best practices

Professional workflow using npm and continuous deployment