Skip to content

An e-commerce web application built with Next.js 14 where users can order customizable mobile cases. Features include product customization, secure payment gateway integration, and a seamless user experience. Perfect for showcasing your Next.js and e-commerce development skills.

Notifications You must be signed in to change notification settings

Rohit-2012/mobicase-ecommerce-app

Repository files navigation

MobiCase - A Modern Fullstack E-Commerce Shop for Custom Phone Cases

Built with the Next.js 14 App Router, Postgres, TypeScript, Tailwind & Kinde Auth

Project Image

Features

  • 🛠️ Complete shop built from scratch in Next.js 14
  • 💻 Beautiful landing page included
  • 💳 Secret admin dashboard to manage orders
  • 🖥️ Drag-and-drop file uploads
  • 🛍️ Customers can purchase directly from you
  • 🌟 Clean, modern UI on top of shadcn-ui
  • 🛒 Completely custom phone case configurator
  • 🔑 Authentication using Kinde
  • ✅ Apple-inspired configuration design
  • ⌨️ 100% written in TypeScript

Getting started

To get started with this project, run

  git clone https://github.com/Rohit-2012/mobicase-ecommerce-app.git

and create .env file and set up the following environt variables

  • KINDE_CLIENT_ID= Your client ID
  • KINDE_CLIENT_SECRET= Your Client Secret
  • KINDE_ISSUER_URL= Your final deployed link
  • KINDE_SITE_URL=http://localhost:3000
  • KINDE_POST_LOGOUT_REDIRECT_URL=http://localhost:3000
  • KINDE_POST_LOGIN_REDIRECT_URL=http://localhost:3000/auth-callback
  • ADMIN_EMAIL= email(s) which you want to set as ADMIN
  • NEXT_PUBLIC_SERVER_URL=http://localhost:3000
  • STRIPE_SECRET_KEY= Your Stripe Secret Key
  • UPLOADTHING_SECRET= Your Uploadthing secret
  • UPLOADTHING_APP_ID= Your Uploadthing App ID
  • DATABASE_URL= Your cloud DataBase URL where you want to manage the Data
  • STRIPE_WEBHOOK_SECRET= Your Stripe Webhook Secret
  • RESEND_API_KEY= Your Resend API Key

About

An e-commerce web application built with Next.js 14 where users can order customizable mobile cases. Features include product customization, secure payment gateway integration, and a seamless user experience. Perfect for showcasing your Next.js and e-commerce development skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published