peterirlam / 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.

Home Page:https://gaming-mouse-app.herokuapp.com/store

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ’»   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.

https://gaming-mouse-app.herokuapp.com/store


Languages

Language:JavaScript 88.0%Language:HTML 12.0%