https://github.com/slimrealm/crwn-clothing

Clothing e-commerce site with cart + checkout functionality. React, Redux, Redux-Saga, TypeScript, Stripe, Firebase auth, Firestore, Styled Components.
https://github.com/slimrealm/crwn-clothing

e-commerce firebase-auth firebase-database-api persistent-data react react-hooks react-routing redux redux-saga scss shopping-cart stripe-payments styled-components typescript

Last synced: 1 day ago
JSON representation

Clothing e-commerce site with cart + checkout functionality. React, Redux, Redux-Saga, TypeScript, Stripe, Firebase auth, Firestore, Styled Components.

• Host: GitHub
• URL: https://github.com/slimrealm/crwn-clothing
• Owner: slimrealm
• Created: 2022-03-10T15:15:08.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-09T18:45:24.000Z (2 months ago)
• Last Synced: 2024-09-09T23:11:18.463Z (2 months ago)
• Topics: e-commerce, firebase-auth, firebase-database-api, persistent-data, react, react-hooks, react-routing, redux, redux-saga, scss, shopping-cart, stripe-payments, styled-components, typescript
• Language: TypeScript
• Homepage: https://sam-crwn.netlify.app
• Size: 974 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# crwn-clothing

**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`. To test, use card #4242 4242 4242 4242, any CVV, any zip, must 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.




From Udemy course: **Complete React Developer in 2022** by **Zero To Mastery**  

*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.