It is an e-commerce application, create by using React.js (Hooks), Matrial-UI, Commerce.js and Stripe.js, created for education and learning purpose. But the end product can be used to sell gadgets(or any products) online.
How to run it (Provided you have Node.js installed in your system)
- Navigate into the main directory
- Run
npm install
to install node modules - Run
npm start
to run it locally then will open automatclly on your browser onlocalhost:3000
port
Initially you'll be taken to our homepage.
Then if you click the "Let's Shop!" button you'll see the products.
You can click on products to see their details, another click will again collapse that details information.
Then you can see add to basket option. Select your products and click the basket
Then you can add, reduce, remove the selected items as you need.
If you want you can empty the basket and go back to shopping. Or you could proceed to checkout.
The backend is supported by Commerce.js where we had to create an account first and integrated with out application using a public key in commerce.js file in lib directory.
In our commercejs account we could upload the different products, set their name, image, details, prices, shipping info and many other things by following the simple and intuitive UI.