---

💡 WebifyMart

Welcome to WebifyMart! 🛒🚀

WebifyMart is a comprehensive E-commerce platform designed to provide a smooth and efficient shopping experience.

It offers key features such as product browsing, shopping cart management, and a secure checkout process.

📑 Table of Contents

• Overview
• Tech Stack
• Key Features
• Installation
• Usage
• Contributing
• Get in Touch

📦 Overview

WebifyMart simulates a fully operational online store where users can :

• Browse and search for products with detailed descriptions.
• Add, remove, and manage items in their shopping cart.
• Proceed through a secure checkout process.
• Admins can manage inventory, product listings, and orders through a dedicated admin panel.

🛠 Tech Stack

The application is built using the following technologies :

• Frontend: ReactJS, Tailwind CSS, Bootstrap
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT (JSON Web Tokens)
• Payment Gateway: Stripe/PayPal integration

🎯 Key Features

• User Authentication : Secure JWT-based authentication for user registration and login.
• Product Listings : Dynamic catalog with filtering and search functionalities.
• Shopping Cart : Manage product quantities, add or remove items.
• Checkout Process : Integrated payment options for secure transactions.
• Admin Dashboard : Comprehensive interface for managing products, categories, and orders.
• Responsive Design : Optimized for various devices using Tailwind CSS and Bootstrap.

Here's the updated Installation section with the cloning step added as the first point:

---

🔐 Installation

To set up WebifyMart locally, follow these steps for both the frontend and backend:

📂 Repository Clone Instructions :

1. Clone the repository:

   git clone https://github.com/Kartikk-26/WebifyMart-Project.git

📂 Backend Setup :

2. Navigate to the backend directory :

   cd Backend  

3. Initialize and install backend dependencies :

   npm init -y  
   npm install  

4. Configure environment variables :
   Create a .env file in the Backend directory and add:

   MONGO_URI = your_mongodb_uri  
   JWT_SECRET = your_jwt_secret  
   STRIPE_API_KEY = your_stripe_key  
   CLIENT_ID = your_client_id  
   CLIENT_SECRET = your_client_secret  
   CALLBACK_URL = your_callback_url  

5. Start the backend server :

   npm start  

📁 Frontend Setup :

6. Navigate to the frontend directory :

   cd Frontend  

7. Initialize and install frontend dependencies :

   npm init -y  
   npm install  

8. Start the frontend server :

   npm run dev  

---

🛒 Usage

• Users : Register, log in, browse products, manage cart, and complete purchases.
• Admins : Access the dashboard to manage product inventory and orders.

🧑‍💻 Contributing

We encourage contributions to enhance WebifyMart. To contribute:

• Fork the repository
• Create a new branch:

  git checkout -b feature-branch  

• Commit your changes:

  git commit -m "Add new feature"  

• Push to your branch:

  git push origin feature-branch  

• Submit a pull request for review.

💬 Get in Touch

Stay connected on LinkedIn and GitHub to explore more of my projects and follow my progress as I continue my learning journey.

Let’s collaborate and create impactful web applications together. Feel free to reach out if you have any ideas or opportunities to discuss.

---