An e-commerce web application built with React, Firebase, Redux Toolkit, Stripe, and other technologies.
You can experience the app live at https://crwn-clothng-app.netlify.app/.
This is a small e-commerce app designed to showcase key features such as user authentication, product listings, shopping cart, and secure payment processing with Stripe.
Key features include:
- User authentication using Firebase (Google Sign-In and Email/Password)
- Storing shop data on Firebase Cloud Firestore
- Product catalog and shopping cart
- Seamless and secure payment processing with Stripe API
- User-friendly and responsive user interface
- State management with Redux Toolkit
- State selection optimization with Reselect
- Local storage state persistence with Redux Persist
- Dynamic routing with React Router DOM
- Styling with SCSS
-
User Authentication: Users can create accounts, sign in with Google, or use email and password for authentication.
-
Firebase cloud firestore: Setting the shop data from the app to firestore, and retrieving the data into our app redux state.
-
Product Listings: Display a variety of products with images, and prices.
-
Shopping Cart: Users can add and remove items from their cart.
-
Payment Processing: Securely process payments using the Stripe API.
-
State Management: Manage application state using Redux Toolkit.
-
State Selection Optimization: Enhance performance by optimizing state selection with Reselect.
-
Local Storage Persistence: Persist application state to local storage for a seamless user experience.
-
Dynamic Routing: Use React Router DOM for dynamic routing to different parts of the app.
-
Styling: Style app with SCSS for flexibility and maintainability.
-
HOC: Rendering a spinner div while data is being fetched from the Firebase Firestore
- Frontend Mentor - @Trayshmhirk
- Twitter - @TrayShmhirk01