varunKT001 / tomper-wear-ecommerce

E-commerce web-application for selling clothing essentials πŸ˜€
https://tomper-wear.netlify.app
MIT License
38 stars 48 forks source link
bcryptjs chakra-ui chakra-ui-react cloudinary cloudinary-sdk expressjs firebase firebase-auth formspree hacktoberfest jwt-authentication mongodb mongoose nodejs react-icons reactjs stripe stripe-payments styled-components

E-commerce web-application for selling clothing essentials

tomper-wear.netlify.app


This is the frontend of TomperWear build with MERN stack and deployed with Netlify

πŸš€ Link to Admin panel, Backend

πŸ“· Link to Screenshots

πŸŽ₯ Link to Video demo

🧾 Description

TomperWear is an E-commerce platform for small bussiness owners who want to expand their bussiness by providing an online purchase solution to their customers.

✨ Features

Client

Users shopping through this platform enjoys following features:

Admin

The admin panel of TomperWear contains three classes of admins:

1. Super privileged admin Super privileged admins are the topmost in the hierarchy. They have the following permissions:

This is privilege is ideal for the owner(s) of the bussiness.

2. Moderate privileged admin Moderate privileged admins comes below Super privileged admins. They have the following permissions:

This is privilege is ideal for the manager(s).

3. Low privileged admin Low privileged admins are the lowermost in the hierarchy and have the least amount of privileges. The have the following permission:

This is privilege is ideal for the delivery-agent(s).

Here is a table dipicting the admin privileges for better clarity

Admins Product Orders
view create update delete view create update delete view update delete
Super βœ” βœ” βœ” βœ” βœ” βœ” βœ” βœ” βœ” βœ” βœ”
Moderate - - - - βœ” βœ” βœ” βœ” βœ” βœ” βœ”
Low - - - - - - - - βœ” βœ” -

βš™ Tools and Technologies used

Client

  1. React.js
  2. React-icons
  3. Styled-Components
  4. Firebase
  5. Stripe
  6. Formspree

Admin panel

  1. React.js
  2. Chakra-ui
  3. React-icons

Backend

  1. Node.js
  2. Express.js
  3. MongoDB
  4. JWT
  5. Cloudinary
  6. Bcrypt.js
  7. Stripe

πŸ›  Installation and setup

  1. Clone the repo to your local machine.

  2. Install the required dependency for server using :

    npm install
  3. Create a .env file and copy-paste the contents of .env.sample in it.

  4. Start the dev server using :

    npm start

🏎 Creating production built

  1. Create a production ready react app using the command :

    npm run build

🀝 Test user credentials

E-mail Password
bob@tomperwear.com bob1212
test@tomperwear.com test1212

πŸ™Œ Open souce programs

GSSoC'22
GirlScript Summer of Code 2022 (GSSoC'22)

πŸ™Œ Other events

GSSoC'22 GSSoC'22
Awarded as the Best Web App in Winter Projects organized by GDSC and AASF, IIITM, Gwalior

😎 Team Members

GSSoC'22
Varun Kumar Tiwari
2020IMT-112
LinkedIn Github

πŸ™Œ Thanks to all the contributors

βš– License

MIT




(If you liked the project, give it star πŸ˜ƒ)