/commerceStop

This is my responsive, type-safe ecommerce website, CommerceStop built on NextJS14 with a Supabase PostgreSQL database handled by Prisma ORM with KindeAuth.

Primary LanguageTypeScript

CommerceStop

Welcome to CommerceStop, your ultimate destination for all things ecommerce! Whether you're looking for the latest gadgets, trendy fashion, or everyday essentials, we've got you covered. Our user-friendly platform offers a seamless shopping experience with a wide range of high-quality products at unbeatable prices. Shop with confidence, knowing that our dedicated customer service team is here to support you every step of the way. Discover the joy of hassle-free online shopping at CommerceStop today!

Hosted at: commerce-stop.vercel.app

GitHub Repository: sparshak7/commerceStop

Table of Contents

Features

  • Product Search: Search for products with search history stored via cookies.
  • Filtering and Sorting: Easily filter and sort products based on various criteria.
  • Shopping Cart: Add items to the cart and view the total.
  • Stripe Integration: Secure payment processing with Stripe.
  • Receipt History: Authenticated users can view their receipt history.
  • Admin Panel: Manage product entries and view analytics, powered by Zod validation.
  • Email Receipt: Send email receipts to users after purchase.

Tech Stack

  • Fullstack Framework: Next.js 14
  • Styling: Tailwind CSS
  • UI Components: shadcn/ui
  • Programming Language: TypeScript
  • Authentication: Kinde Auth
  • Database: Supabase (PostgreSQL)
  • ORM: Prisma
  • Payment Gateway: Stripe
  • Email Service: React Email and Resend
  • Hosting: Vercel
  • Type Validation: Zod

Installation

  1. Clone the repository:

    git clone https://github.com/sparshak7/commerceStop.git

  2. Navigate to the project directory:

    cd commerceStop

  3. Install dependencies:

    npm install

  4. Create appropriate .env files for your Stripe, Kinde Auth, and Supabase configuration.

  5. Start the development server:

    npm run dev

Usage

  • Visit the hosted link: commerce-stop.vercel.app
  • Search for products, filter results, and add items to your cart.
  • Proceed to checkout using Stripe for secure payments.
  • Authenticated users can view their purchase history and manage their accounts.
  • Admins can access the admin panel to manage products and view site analytics.

Future Features

  • Advanced Sorting and Filtering: Enhanced options for sorting and filtering products.

Current Bugs

  • Pagination Bug: In some pages, the pagination breaks and total amount in a page is displayed incorrectly.

  • Email Issues: Currently, receipts are not being sent to the user's mail after purchase. I am still working on Resend & React Email so I'll try to fix it ASAP.

Contact

If you have any questions or feedback, please reach out: