Welcome to MarketHive, your go-to e-commerce platform for laptops and mobile devices. MarketHive is built with cutting-edge technologies to deliver a seamless shopping experience, a modern UI, and powerful admin tools.
- 🚀 Dynamic Discounts: Real-time promotional banners showcasing the best deals.
- 🛒 Interactive Cart Sidebar: Add, update, or remove items without leaving the page.
- 🌗 Dark Mode Support: Toggle between light and dark modes for a personalized experience.
- 📱 Mobile-Friendly Design: Fully responsive layouts for all devices.
- 🔍 Explore Collections: Browse the latest and best-selling laptops and mobile devices.
- 🧠 AI-Powered Product Enhancement:
Use AI to auto-generate compelling titles and descriptions for products. - 🛠️ Effortless Product Management: Add, update, and delete products with an intuitive interface.
- Next.js 15
- React 19
- TailwindCSS
- shadcn/ui
- PostgreSQL (Database)
- Prisma ORM (Database ORM)
- Zod (Schema validation)
- React Hook Form (Form handling)
- UploadThing (File uploads)
Follow these steps to run MarketHive locally on your machine:
Make sure you have the following installed:
- Node.js (v18 or higher)
- npm or yarn
- PostgreSQL (Running locally or on a cloud service)
-
Clone the Repository
git clone https://github.com/codewithnuh/markethive.git cd markethive
-
Install Dependencies
npm install --legacy-peer-deps
Or, if you're using yarn:
yarn
-
Set Up Environment Variables Create a
.env
file in the root directory with the following variables:DATABASE_URL="postgresql://postgres:your-password@localhost:5432/markethive?schema=public" NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZGVzdGluZWQtZnJvZy05OC5jbGVyay5hY2NvdW50cy5kZXYk CLERK_SECRET_KEY="" GROQ_API_KEY="" # In case you want AI features WEBHOOK_SECRET="" # Clerk Webhook seceret AUTH_ID='' # Admin Clerk Id for admin role NEXT_PUBLIC_APP_URL=http://localhost:3000 STRIPE_SECRET_KEY="" STRIPE_WEBHOOK_SECRET=""
-
Initialize the Database Run Prisma migrations to set up the database schema:
npx prisma migrate dev
-
Run the Development Server
npm run dev
Or, if using yarn:
yarn dev
-
Open in Browser Visit http://localhost:3000 to view the application.
- Title & Description Enhancement:
Admins can generate optimized product titles and descriptions using AI. Simply enter basic details, and MarketHive will create professional and engaging content. - How to Access:
AI tools are available in the Admin Dashboard.
- 🔮 Customer Recommendations: Personalized product suggestions based on browsing history.
- 📦 Order Tracking: Real-time updates on shipping and order status.
- 📊 Analytics Dashboard: Insights into sales and customer behavior.
We welcome contributions! To get started:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Add your message here"
- Push your branch:
git push origin feature-name
- Open a Pull Request.
This project is licensed under the MIT License. See the LICENSE
file for details.