Skip to content

Deval1807/E-commerce-admin

Repository files navigation

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:

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: deval135darji@gmail.com

About

A fully functional E-commerce platform admin CMS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published