/PROJECTS-

all my fullstack projects are being added here

Primary LanguageTypeScript

E-commerce Project

Hey everyone! This is my first self-coded, 0-to-completion E-commerce project, all by myself. Here is the live link.

there is the another part of the same project but optimized version of the project which i completed in that part

here is the link to the that repo https://github.com/amar1795/e-commerce

Please use Temporary emails if you do not want to use your email by going in here https://temp-mail.org/en/ and use this for creating your account

Tech Stack

  • Framework: Next.js (App-based)
  • Language: TypeScript
  • Database: MongoDB
  • ORM: Prisma
  • Media Storage: Cloudinary
  • Authentication: NextAuth
  • Icons: Lucide React Icons
  • Carousel: Embla Carousel
  • Charts: Recharts (for product ratings)
  • Payments: Stripe
  • Emails: Mailgun (for sending emails)
  • Form Handling: React Hook Form (for error-free forms)
  • Validation: Zod (for data validation in forms)

How to Clone and Run

Clone the RepositoryTo clone this repository and run the project, follow these steps:

git clone

Navigate to the project directory and install dependencies:

npm install

Add a .env file to your project with the following variables:

Environment Variables

DATABASE_URL=

AUTH_SECRET=

CLOUDINARY_API_SECRET=

STRIPE_API_KEY=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=

VERIFICATION_PUBLIC_KEY=

MAILGUN_API_KEY=

MAILGUN_DOMAIN=

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

NEXT_PUBLIC_CLOUDINARY_API_KEY=

CLOUDINARY_API_SECRET=

MAIN_DOMAIN=

Run the development server:

npm run dev

Live Demo

Check out the live demo to see the project in action.