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