K-Tech:

Discover, Share, and Vote on Innovative Products

Live Site URL: https://k-tech-ltd.web.app

---

🚀 Overview

K-Tech UI is a dynamic web platform designed for seamless product management, interactive user engagement, and efficient content moderation. It offers a user-friendly interface for product submissions, a powerful review system for moderators, and premium membership benefits for enhanced access.

📌 Features

• User-Friendly Product Management: Users can post products, view submissions, update details, and manage their content effortlessly.
• Dynamic Product Review Queue: Moderators can review, approve, reject, or feature products with ease.
• Reported Content Management: Handle reported products with detailed views and removal options for inappropriate content.
• Membership Benefits: Subscribers can post unlimited products, bypassing normal user restrictions.
• Interactive Home Layout: Includes sections like Featured Products, Explore Categories, FAQs, and more for an engaging experience.

📂 Table of Contents

• Installation
• Usage
• Environment Variables
• Dependencies
• Development
• License

🛠 Installation

1. Clone the repository

   git clone https://github.com/your-repo/k-tech-ui.git
   cd k-tech-ui

2. Install dependencies

   npm install

3. Set up the environment variables
   Create a .env file in the root directory and configure the required variables (see the next section).

4. Start the development server

   npm run dev

🔧 Environment Variables

Create a .env file in the root directory with the following keys (replace with your actual values):

DB_USER=your_database_user
DB_PASS=your_database_password
JWT_SECRET=your_jwt_secret
STRIPE_SECRET=your_stripe_secret_key

⚠ Important: Never expose sensitive credentials in public repositories. Use .gitignore to prevent committing the .env file.

📦 Dependencies

The project uses the following technologies:

Frontend

• React (^18.3.1)
• React Router DOM (^7.1.1)
• TailwindCSS (^3.4.17)
• Framer Motion (^12.0.5)
• Axios (^1.7.9)
• Recharts (^2.15.0)

Backend & Security

• Firebase (^11.1.0)
• jsonwebtoken (JWT) (^9.0.2)
• Stripe API (^5.5.0)

Development Tools

• Vite (^6.0.5)
• ESLint (^9.17.0)
• DaisyUI (^4.12.23)

▶ Usage

• Start Development Server

  npm run dev

• Build for Production

  npm run build

• Lint the Code

  npm run lint

• Preview the Production Build

  npm run preview

🛠 Development

To contribute to this project:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make changes and commit (git commit -m "Added new feature").
4. Push to the branch (git push origin feature-branch).
5. Open a Pull Request.

📜 License

This project is licensed under the MIT License.

---

✨ Enjoy Building with K-Tech UI! 🚀