Skip to content

A fully functional E-Commerce site with its own custom CMS/Admin Dashboard that can pretty much configure anything for the storefront.

Notifications You must be signed in to change notification settings

asish918/Web-Shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Stargazers MIT License LinkedIn


Logo

Web Shop

A fully functional E-Commerce site with its own custom CMS/Admin Dashboard that can pretty much configure anything for the storefront.

Storefront
Admin Dashboard
(You won't be able to use Admin Dashboard coz well I am the admin 😎)

Table of Contents
  1. About The Project
  2. Getting Started
  3. License
  4. Contact

About The Project

Storefront Product Name Screen Shot Admin Dashboard Product Name Screen Shot

(back to top)

Built With

  • Next
  • React
  • Prisma
  • Tailwind
  • ShadCn
  • Clerk
  • MySQL
  • Axios
  • Zod

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • npm
    npm install npm@latest -g

Installation

  1. Get respective API Keys/ URIs for Clerk(Authentication), Supabase(Postgres DB), Cloudinary(File Uploads). You need to set these up manually.
  2. Clone the repo
    git clone  https://github.com/asish918/Web-Shop.git
  3. Install NPM packages in both the folders separately
    npm install
  4. Enter your API keys in .env. Refer the .env.example files in both the folders. Again you need to do this separatley.
  5. Generate Prisma types and push to MongoDB
    npx prisma generate && npx prisma push
  6. Refer to the schema.prisma file and try to create some dummy data to see actual results. Make sure the your Clerk, Cloudinary are configured correctly. Image URLs can be accessed from Cloudinary.
  7. Change the localhost URLs both the envs accordingly.
  8. Create a store as an admin and then use the store id in the .env of the storefront and append that to ..../api/_______
  9. Also use the same billboard ID in the file store-front/app/(routes)/page.tsx at line number 12
  10. Run admin server first and then the storefront
npm run dev

(back to top)

Database Schema

Refer to this visual schema to understand better Database Schema

(back to top)

License

Distributed under the MIT License. See LICENSE for more information. Basically you can do whatever the hell you want to with the code 😉

(back to top)

Contact

Asish Mahapatra - asishmahapatra918@gmail.com

Deployed on
Vercel

Project Link: https://github.com/asish918/Web-Shop

(back to top)

About

A fully functional E-Commerce site with its own custom CMS/Admin Dashboard that can pretty much configure anything for the storefront.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published