Live site: https://sam-crwn.netlify.app
A clothing store made with React
, where user can sign in / sign up using Firebase Authentication
, browse items by category, add items to cart, view their cart, and checkout using a credit card via Stripe
(test mode -- card # 4242 4242 4242 4242 works -- must still use a future expiration date). Shopping cart state is persisted using Redux-Persist
. Available items and their categories are pulled from a Firestore
database. App state is managed with Redux
. Side effects such as requests to firebase auth and firestore are handled with Redux-Saga
. Typescript
is used to enforce types during development and minimize type-related runtime errors. Styling is done using Styled Components
with SCSS
syntax. Site is auto-deployed to Netlify
upon pushing to the main branch.
This site is tutorial-based, and I enhanced the styling to make the site mobile-friendly and a more natural-feeling user experience in general. I also added "Clear Entire Cart" functionality.
From Udemy course: Complete React Developer in 2022 by Zero To Mastery