Git Product home page Git Product logo

rushikeshshelar / ecommerce-admin Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 453 KB

A full functional tool made to manage Content and Gather Insights from the E-commerce Store. Developed using technologies like Next.js, Typescript, MySQL, and Prisma, this project reflects my expertise in designing and implementing robust backend solutions.

Home Page: https://next-mart-dashboard.vercel.app

License: MIT License

TypeScript 97.89% CSS 0.84% JavaScript 1.27%
clerk-auth content-management-system ecommerce-dashboard fullstack headless mysql nextjs prisma shadcn-ui tailwind

ecommerce-admin's Introduction

Ecommerce Admin Dashboard

Welcome to the Ecommerce Admin Dashboard repository โ€“ the command center for managing different stores, billboards, categories, sizes, products, colors with Content Management System and gaining insights into store performance of E-commerce Store.

This is a Next.js project bootstrapped with create-next-app.

Features

  • Store Management: Create and manage different stores.
  • Content Management: Add and manage billboards, categories, sizes, products, colors.
  • Analytics: Get an overview of each store, including monthly sales, total sales, and product inventory.
  • Live Updates: Thee Content managed also automatically gets Updated in the store without the need of changing it manaullly in the code.

Tech Stack

  • Frontend: React.js, Next.js, TypeScript.
  • Backend: Next.js
  • Database & ORM: MySQL, Prisma, PlanetScale.
  • Styling: Tailwind CSS.
  • Version Control: Git and GitHub.
  • Checkout & Payment Gateway: Stripe
  • Hosting: Vercel.

Installation

Prerequisites

  1. Node version 14.x

  2. Setup the Ecommerce Store after Admin:

    • Make sure to set up the Ecommerce Store after setting up the admin dashboard.

Cloning the repository

git clone https://github.com/RushikeshShelar/ecommerce-admin.git

Move into the store folder

cd ecommerce-store

Install packages

npm i

Setup .env file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<"Your Cleck Publishable Key">
CLERK_SECRET_KEY=<"your Clerk Secret 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=/

# This was inserted by `prisma init`:
# Environment variables declared in this file are automatically made available to Prisma.
# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema

# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
# See the documentation for all the connection string options: https://pris.ly/d/connection-strings

DATABASE_URL='<"Your MySql Database URL">'
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=<"Your Cloudinary Cloud name">
STRIPE_API_KEY=<"Your Stripe API KEY">
FRONTEND_STORE_URL=<"Your FORNTEND URL"> or http://localhost:3001
STRIPE_WEBHOOK_SECRET=<"Your Stripe Webhook Secret">

Replace the <> with your Actual Values

Start the app

npm run dev

Available commands

Running commands with npm npm run [command]

command description
dev Starts a development instance of the app

Acknowledgements

License:

This project is licensed under the MIT License - see the LICENSE file for details.

Authors

Contact

For any inquiries, reach out to Rushikesh Shelar.

ecommerce-admin's People

Contributors

rushikeshshelar avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.