Overview
Fashionista is a complete e-commerce storefront built as the capstone project for the Codernation 2020 bootcamp. It demonstrates a production-quality frontend architecture using React and Redux with a full shopping flow from browse to checkout.
Stack: React · Redux · Sass · JavaScript · REST API integration
Features
- Product Catalog — Filterable grid of products with category navigation and search
- Product Detail — Image gallery, size selector, color picker, and add-to-cart
- Shopping Cart — Persistent cart with quantity management and subtotal calculation
- Checkout Flow — Multi-step form: shipping address → payment → order summary
- Responsive Design — Mobile-first layout using Sass with a BEM methodology
Architecture
State is managed centrally with Redux — cart, user session, and catalog data each live in their own slice. API calls are handled through Redux Thunk middleware, keeping components clean of async logic.
The Sass architecture follows a 7-1 pattern: abstracts, base, components, layout, pages, themes, and vendors — making the stylesheet scalable as the product grows.
Context
Built as a capstone to demonstrate readiness for production React development. It represents the foundation of what became a multi-year specialization in TypeScript, component architecture, and full-stack engineering.