Skip to content
This repository has been archived by the owner on Apr 2, 2022. It is now read-only.

Latest commit

 

History

History
71 lines (50 loc) · 1.94 KB

README.md

File metadata and controls

71 lines (50 loc) · 1.94 KB

E-Commerce Project

Live 📍

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 📺

Screen Shot

Screen Shot

Screen Shot

Screen Shot

Screen Shot

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