JUSTGOODSTUFF

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

View source code → GitHub Live Demo

Summary:

JustGoodStuff is an online store built with React.js as part of a bootcamp project, designed to be presented to a digital agency in Argentina. It simulates a modern eCommerce experience with dynamic navigation, a functional cart, and a full checkout process.

Project goal:

The goal was to build a scalable Single Page Application (SPA) with clean architecture and good development practices, delivering an intuitive user experience.

Technologies used:

React.js

React Router DOM

Context API

Firebase (for order storage and purchase ID generation)

Custom CSS

Vercel (deployment)

⚙️ Project management with npm

My role:

I developed the entire project from scratch:

✅ Designed the UI/UX

✅ Built responsive and semantic 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