Skip to content

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.

Notifications You must be signed in to change notification settings

peterirlam/shopping-cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻   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

       

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •