💍 Dainty

Dainty is an e-commerce jewelry site with a fully functional shopping cart, made with React.

Live demo

Screenshots

Home Page

Products Page

Shopping Cart

Features

• Browse products by category
• Add products to cart, remove them, and/or edit quantity
• Clean, responsive UI design

Tools Used

• React
  • react-router-dom
  • Functional components
  • State and effect hooks
• Javascript
• HTML
• CSS

Getting Started

$ git clone git@github.com:kwen0/shopping-cart.git
cd shopping-cart
npm install
npm start

Future Features

• Allow user to search products
• Allow user to sort products by price or by material
• Add to wishlist functionality

Attributions

• Photos by Joeyy Lee, Jasmin Chew, Nati Melnychuk, Kate Hliznitsova, and Mariana Beltrán on Unsplash