deval1807 / e-commerce-admin

A fully functional E-commerce platform admin CMS.

Admin Dashboard

This is the repository for the Admin Dashboard, a secure CMS for managing the e-commerce store. It includes features for efficient store management and secure authorization.

Table of Contents

1. Features
2. Tech Stack
3. Getting Started
4. Deployment
5. Contribution
6. Contact

Features

• Secure authorization for admin access through Clerk
• Effortless store management through a comprehensive dashboard
• Integration with Stripe for managing payments

Tech Stack

• Next.js: Framework for building server-rendered React applications
• PrismaDB: ORM for database management
• MySQL (AWS RDS): Relational database service
• Tailwind CSS: Utility-first CSS framework
• Shadcn/UI: Component library for building user interfaces
• Stripe: Payment processing platform

Getting Started

Frontend Store link:

• Repo: https://github.com/Deval1807/E-commerce-store
• Hosted frontend: https://github.com/Deval1807/E-commerce-store

Prerequisites

• Node.js
• MySQL database
• Registered Account on:
  • Cloudinary (For uploading images)
  • Clerk (For authentication)
• Stripe configuration

Installation

1. Clone the repository:

   git clone https://github.com/Deval1807/E-commerce-admin
   cd admin-dashboard

2. Install dependencies:

   npm install

3. Configure environment variables:

   • Create a .env file in the root directory.
   • Add your database and Stripe configurations.

   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your-clerk-pubilshable-key>
   CLERK_SECRET_KEY=<your-clerk-key>
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
   
   DATABASE_URL="<your-db-url>"
   
   NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="<your-cloudinary-account>"
   
   STRIPE_API_KEY=<your-stripe-key>
   
   STRIPE_WEBHOOK_SECRET=<your-stripe-webhook-secret-key>
   
   FRONTEND_STORE_URL=<your-frontend-store-url>

4. Run database migrations:

   npx prisma migrate dev

5. Start the development server:

   npm run dev

6. Open your browser and navigate to http://localhost:3000.

Deployment

You can find the deployed site at: https://e-commerce-admin-jade-psi.vercel.app/

• If you do not wish to signup and create your own store and add products, and want to see how the admin dashboard looks, you can check out the basic overiew of the sample store I created from the below link:
• Sample Overview of Admin Dashboard

Contributing

We welcome contributions from the community. To contribute, please fork the repository, create a new branch, and submit a pull request. Make sure to follow the coding standards and ethical practices.

Contact

For questions or support, please contact Deval Darji by following ways:

1. LinkedIn: Deval Darji

2. Email: [email protected]