Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rohit-2012/mobicase-ecommerce-app
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.
https://github.com/rohit-2012/mobicase-ecommerce-app
framer-motion headlessui kinde-auth lucide-react nextjs14 prisma-orm react-dropzone react-email-component react-rnd reactjs resend shadcn-ui stripe tailwindcss tanstack-react-query typescript uploadthing
Last synced: 3 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/rohit-2012/mobicase-ecommerce-app
- Owner: Rohit-2012
- Created: 2024-07-02T14:39:29.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-07T15:00:53.000Z (4 months ago)
- Last Synced: 2024-07-08T06:29:09.872Z (4 months ago)
- Topics: framer-motion, headlessui, kinde-auth, lucide-react, nextjs14, prisma-orm, react-dropzone, react-email-component, react-rnd, reactjs, resend, shadcn-ui, stripe, tailwindcss, tanstack-react-query, typescript, uploadthing
- Language: TypeScript
- Homepage: https://mobicase.vercel.app
- Size: 11.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://raw.githubusercontent.com/Rohit-2012/mobicase-ecommerce-app/main/public/thumbnail.png)
## 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
```bash
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