Online Marketplace

Online Marketplace is a full-stack web application designed to facilitate the buying and selling of products between users. This platform allows users to browse products, add items to their cart, and complete transactions. It is built with a combination of modern frontend and backend technologies to provide a seamless shopping experience.

Table of Contents

• Features
• Tech Stack
• Installation
• Usage

Features

• Product Listings: Browse through a wide range of products.
• Cart Management: Add, edit, or remove products from the cart.
• Product Search: Find products quickly using a search bar.
• User Authentication: Secure user login and registration.
• Order Checkout: Users can complete purchases and track their orders.
• Responsive Design: Fully responsive interface for both desktop and mobile devices.
• Admin Dashboard: Admins can manage products and view user activities.

Tech Stack

Frontend:

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling.
• Vite: A fast build tool for modern web projects.
• GSAP: Animation library for smooth visual effects.

Backend:

• Node.js: JavaScript runtime for server-side development.
• TypeScript: Superset of JavaScript, adding type safety to the backend.
• Express.js: Web framework for handling backend routes and APIs.

Other Tools:

• Postman: For testing API endpoints.

---

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Nikuunj/online-marketplace.git
   cd online-marketplace

2. Install dependencies:

   For the frontend:

   cd client
   npm install

   For the backend:

   cd server
   npm install

3. Run the application:

   Start the backend server:

   cd server
   npm run dev

   Start the frontend development server:

   cd client
   npm run dev

4. Open your browser and navigate to http://localhost:5173 (Vite default port) to view the application.

---

Let me know if this works!

Usage

1. Sign up or Log in: Create an account or log in to browse products.
2. Browse Products: Use the product listings or search bar to find items.
3. Manage Cart: Add products to your cart and adjust quantities as needed.
4. Checkout: Complete the order and view your past purchases.
5. Admin Access: If logged in as an admin, manage products through the admin dashboard.