Project Introduction

Everything you can do as a user on this website
- You can open an account.
- You can add products to the cart
- You can save favorite products in wishlist.
- If you click on a product, you can see its details.
- Account can be updated.
- You can view the profile.
- You can change the password.
- You can see all your orders.
- Any order can be trucked.
- You can add your address (in 3 variants)
- You can checkout.
- You can order new.
- You can logout.
- You can forget the password.

As a seller you can do everything on this website
- Can open seller account.
- Can update seller documents.
- You can post new products.
- You can see all the product list of your shop.
- Can create new events.
- You can see all the events you have created.
- You can change customer order status.
- There is a system to withdraw money.
- There is an option to add coupon code.
- User has option to change order saters.

Projects all packages

npm i @material-ui/core

npm i @material-ui/data-grid

npm i @reduxjs/toolkit

npm i country-state-city

npm i framer-motion

npm i react-icons

npm i react-image-magnify

npm i react-lottie

npm i react-redux

npm i react-router-dom

npm i react-toastify

npm i uuid

Tailwind CSS install process

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

add this lines on your tailwind.config.js file

/*_ @type {import('tailwindcss').Config} _/ export default { content: [ "./index.html",

"./src/**/*.{js,ts,jsx,tsx}",

], theme: { extend: {}, }, plugins: [], }

add this classes on your index.css file

@tailwind base;
@tailwind components;
@tailwind utilities;

any doubt please contact me! [email protected]