Skip to content

Latest commit

 

History

History
50 lines (27 loc) · 2.88 KB

README.md

File metadata and controls

50 lines (27 loc) · 2.88 KB

Gadget Duniya - Get all your gadgets in one place.

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 on localhost:3000 port

A tour of our site and how to use:

Initially you'll be taken to our homepage. homescreen banner

Then if you click the "Let's Shop!" button you'll see the products.

products

You can click on products to see their details, another click will again collapse that details information.

Screenshot 2021-12-14 at 15-12-21 Gadget দুনিয়া

Then you can see add to basket option. Select your products and click the basket

basket

Then you can add, reduce, remove the selected items as you need.

Screenshot 2021-12-14 at 13-02-39 Gadget দুনিয়া

If you want you can empty the basket and go back to shopping. Or you could proceed to checkout.

Screenshot 2021-12-14 at 13-03-14 Gadget দুনিয়া

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. g_edit2

g_edit1

g_products

g_categories1

Here is our CSE332 Project (Gadget Duniya) Presentation Video:

CSE332.SWE.Project.Presentation.-.E-Commerce.-.Gadget.-.ReactJS.CommerceJS.mp4