Rohit-2012 / mobicase-ecommerce-app Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

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.

mobicase.vercel.app

1 star 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 26 Commits
prisma		prisma
public		public
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
components.json		components.json
next.config.mjs		next.config.mjs
package-lock.json		package-lock.json
package.json		package.json
postcss.config.mjs		postcss.config.mjs
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json

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

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.

mobicase.vercel.app

typescript stripe reactjs resend react-dropzone tailwindcss framer-motion react-email-component headlessui react-rnd prisma-orm tanstack-react-query shadcn-ui uploadthing lucide-react nextjs14 kinde-auth

Report repository

Releases

No releases published

Packages

No packages published

Languages