E-Commerce Project

Live 📍

• website

Project Overview 🎉

E-Commerce project made with React for self learning. I used Atomic Design for components architecture. I used Dato CMS for handling products data.

Tech/framework used 🔧

• React
• Gatsby
• React Hooks
• React Toastify
• GSAP
• Styled Components
• Formik
• datoCMS
• Local Storage
• Husky | lint-staged
• Eslint | prettier
• Atomic design

Features

• Browsing products fetched from datoCMS
• Adding/removing products from cart
• Filtering and sorting products by names, sizes and prices
• Changing quantity of products with same ID and size
• Viewing full details of products
• Responsive Web Design

Screenshots 📺

Code Example/Issues 🔍

If you have any issues, please let me know in the issues section or directly to [email protected]

Credits and sources

Illustrations: undraw
Icons: react-icons

Author

• Mateusz Hadryś