https://superb-chebakia-e13d92.netlify.app/
CRWN Clothing is a project I initiated to gain hands-on experience in setting up, maintaining, and implementing best practices for an e-commerce website. Through this project, I delved into advanced concepts in React and various related technologies. The website offers users the ability to register or log in, maintain a persistent shopping cart, navigate different product categories (hats, jackets, etc.), select and modify items in the cart, and complete the checkout process using a credit card.
To ensure a robust and scalable application, the site was initially built using Redux, followed by the implementation of Redux Thunk and Redux Saga for additional practice. I adhered to industry-standard architecture practices and meticulously maintained code formatting throughout the project. The styling was initially done using CSS, and later refactored using Styled Components for a more streamlined development experience.
CRWN Clothing showcases reactivity and responsiveness, providing an intuitive user experience. The website leverages the power of Firebase to maintain a userbase and facilitate secure authentication. Additionally, React Router is employed to enable seamless navigation between different routes.
With CRWN Clothing, I aimed to broaden my skills in e-commerce development, React, and related technologies. Explore the codebase to witness the culmination of my learnings and dedication to building a high-quality, feature-rich e-commerce site.
- React - Front-end library.
- React-Router - Client side app routing.
- Redux - State management.
- Redux Toolkit - Redux development toolkit.
- Firebase - Database management.
- Styled Components - Consistent style management.
- Netlify - Site deployment.
- Stripe - Credit card payment management.
- State management - redoing the application in Thunk and Saga.
- Styled components - learning a new styling framework.
- Use/redesign codebase to use as a tested template for local vendors.
- Redesign UI to be less minimalistic.
AS AN e-commerce clothing customer
I WANT to have an easy-to-navigate store with secure payment portals
SO THAT I can buy stylish clothing with peace of mind.- Clone directory to code editor of choice
- Use custom
$npm installscript to install necessary JSON packages - Use
$npm startto build and deploy on your local machine server
- Project came from a tutorial by Zero-To-Mastery's Complete React Developer course.
Thanks, Yihua.
MIT © Krenbot