/shopping-cart

React.js shopping cart complete with Stripe payment processing system. Shopping cart is fully functional and built on top or react-router-dom, useState & useContext. Features a modal and redirects user to Stripe dashboard. Deployed on Heroku.

Primary LanguageJavaScript

💻   React.js/Express/Stripe Shopping Cart

📖   Overview

This app uses Express on the backend and features a fully functional shopping cart. Built using react-router-dom, react hooks and context as well as supporting Stripe payment processing. Add or remove items and your basket will update. Click on your cart to see your totals displayed in a modal. When you're ready to purchase your items, you'll be redirected to the Stripe payment dashboard. This details your items including their descriptions. Don't worry you won't be charged!

🔗   Demo

See the live demo deployed on Heroku.

🛠   Technologies & Libraries

  • React.js
  • Express.js
  • Stripe
  • Heroku

🔥   Why I Chose This Project

Up till recently, I've dabbled in frontend development. But I'd also like to understand what happens on the backend using technologies such as Express.js, Java and GraphQL (although not strictly backend).

⏲️   If I Had More Time I Would Change

This repo is still a work in progress. I need to add:

  • A logo (✅I have now added the logo)
  • A favicon
  • Some content to the Home and About page
  • More products to the store
  • Move images folder from public to src as images are optimized inside src

🏁   Finished Product

✅ Fully functional shopping cart: add, remove and delete items
✅ Modal checkout when ready to purchase items
✅ Redirects user to Stripe

👨‍💻 Contributors