E-Commerce project made with React for self learning.
Note: It may take some time till the server starts at the beginning. Demo - https://ecommerce-shopmax.netlify.app/
Backend: (hosted by www.heroku.com)
- Strapi v3.0.0-beta.20.3
Frontend: (hosted by www.netlify.com)
- React v16.13.1
- React Redux && Redux Thunk
- React Router
- React Hooks
- React Loading Skeleton
- React Modal
- React Scroll
- React Toastify
- Framer Motion
- Styled Components
- React Multi Carousel
- Formik && Yup
- Axios
- Local Storage
- Husky && lint-staged
- Atomic design
- Browsing products fetched from database
- Adding/removing products from cart and wishlist
- Filtering and sorting products by names, categories and prices
- Changing quantity of products with same ID and size
- Featured products are placed in a carousel (react-multi-carousel)
- Two shopping carts (aside and full) with same options and logic
- Adding products with validation (checking if certain size is available)
- Viewing full details of products
- Home page slider
- Checkout form validation with Yup
- Payment simulation (obviously there is no real payment :D)
- Responsive Web Design
Home slider
Aside shopping cart
Full shopping cart
Catalog view
Wishlist view
Empty wishlist view
Validated checkout view
"Add item" modal
Product full details view
404 page
Images: 50style.pl && unsplash.com
Icons: flaticon.com