Ecommerce Store

Welcome to the Ecommerce Store repository – your one-stop solution for effective online shopping. This Ecommerce store not only showcases a wide range of products but is also connected to a Admin Dashboard & CMS for efficient content management. Check out the Admin Dashboard Repository for more details.

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

Features

• User-friendly Interface: Intuitive design for seamless navigation.
• Shopping Cart: Easily add and manage your selected items.
• Product Catalog: Browse through an extensive range of products.
• Secure Checkout: A secure and hassle-free payment process.
• Product Gallery: Enjoy a visual feast with a dedicated gallery for each product.
• Preview Modal: Get a sneak peek at a product without opening its page.
• Responsive Design: Accessible on various devices.

Tech Stack

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

Installation

Install project with npm

Prerequisites

1. Node version 14.x

2. Setup the Admin Dashboard:

• Make sure to set up the Admin Dashboard first before setting up store for content management.

Cloning the repository

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

Move into the store folder

cd ecommerce-store

Install packages

npm i

Setup .env file

NEXT_PUBLIC_API_URL="<GET_THIS_URL_ON_ADMIN_DASHBAORD_SETTINGS_PAGE>"

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

• codewithantonio
• Harkirat Singh

License:

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

Authors

• @Rushikesh Shelar

Contact

For any inquiries, reach out to Rushikesh Shelar.