Skip to content

An e-commerce website using React and Commerce js. We also integrated stripe.js for card payment but that work was not completed.

Notifications You must be signed in to change notification settings

trPrince/GadgetDuniya

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

An e-commerce website using React and Commerce js. We also integrated stripe.js for card payment but that work was not completed.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published