☕  Connect with me!

Time is the world's leading watch market

Live Demo.

Time Watch Server Side.

About the Project

We are Time, an online watch store that sells watches through an eCommerce platform. This website allows customers to order watches of their choice. Additionally, if you are interested in becoming a customer or seller on this website, and if you have any previous watches, you can sell them at a discounted price. It is also possible for customers to report to the administrator that the product on your website is not good, etc.

Key Features

• User Register as a Seller or Buyer.
• Social Login.
• Using React Router Dom, implement Public, Private, Buyer, Seller & Admin Routes.
• Authentication and hosting are implemented using Firebase.
• The Stripe payment gateway should be implemented for the purchase of products.
• Developed a REST API for CRUD operations and stored all data in MongoDB.
• The backend was developed using Express Js and all confidential data was hidden using .env.
• Under categories, you can add products.
• Advertisements of the seller's product will appear on the home page in the advertisement section.
• It is possible for a customer to report a particular product to an admin if he so desires.
• After purchasing the advertisement product, it will no longer show the advertisement section on the home page.
• Admin can verify a seller if he wants.
• It is possible for a seller to add a product, add a category, delete a product, and delete a category.
• Fully Responsive Website (Mobile / Tablet/ Desktop)

Technologies Used:⚛️

"dependencies": {
    "@stripe/react-stripe-js": "^1.15.0",
    "@stripe/stripe-js": "^1.44.1",
    "@tanstack/react-query": "^4.16.1",
    "aos": "^2.3.4",
    "axios": "^1.2.0",
    "daisyui": "^2.41.0",
    "date-fns": "^2.29.3",
    "firebase": "^9.14.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.39.5",
    "react-icons": "^4.6.0",
    "react-router-dom": "^6.4.3",
    "react-scripts": "5.0.1",
    "react-scroll-to-top": "^3.0.0",
    "react-toastify": "^9.1.1",
    "swiper": "^8.4.5",
},
"devDependencies": {
    "autoprefixer": "^10.4.13",
    "postcss": "^8.4.19",
    "tailwindcss": "^3.2.4"
}

Login Credentials

Email	Password	Role
[email protected]	Abnaeem@1	Admin
[email protected]	Abnaeem@1	Seller
[email protected]	Abnaeem@1	Buyer