Ecommerce Website using React and Commerce Js

This project is a simple web commerce app where there is products with cart, checkout functionality. Implemented commerce api for adding, deleting, editing and emptying the cart items. As for the checkout Stripe payment method is integrated.

Learning and Implementation on this project

Learned and Implemented the React Basics like react components, react-hooks, react-router-dom, react-form-hooks, useState, useEffect, asynchoronous function, commerce js api, stripe payment function, and for the UI i used Material UI.

Install Dependencies with npm

npm install @material-ui/core @material-ui/icons @chec/commerce.js @stripe/react-stripe-js @stripe/stripe-js react-router-dom react-hook-form

Project Demo Images

Homepage

Cart

Checkout Form

Payment

Payment Success

Quick Note

Stripe Payment gateway functionality is coded but due to unavailability of credit card, the commerce js integration with stripe payment gateway could not be seen in this project, so Successful purchase is just hard coded.

Resources for successfully completing the project

Check out material-ui documentation MUI.

Check out commerce js documentation Commercejs.

Check out Stripe documentation Stripe.

Check out Reactjs documentation Reactjs.

Check out React-hook-form documentation react-hook-form.

Check out React Router documentation React Router.

Hosted on

Click on the icon to see Project Demo

---

GitHub allows us to host the Git repository and coordinate contributions.

Netlify allows us to deploy app faster.