A Modern Fullstack E-Commerce Shop for Custom Phone Cases
CaseCobra is a powerful, fully-featured e-commerce platform designed to provide an elegant shopping experience for custom phone cases. Built on cutting-edge technologies, CaseCobra combines a sleek user interface with robust backend capabilities.
Note
To checkout order use the following VISA card Card Number: 4242 4242 4242 4242, MM/YY: 12/30, CVV/CVC: 123
Experience the Live Demo: Check out CaseCobra in action here
- Next.js 14 App Router: Fast, server-rendered React framework.
- Postgres: Reliable and scalable database solution.
- TypeScript: Statically typed for a secure codebase.
- Tailwind & shadcn-ui: Modern UI styling.
- Kinde Authentication: Seamless and secure login system.
- 🛠️ Complete shop built from scratch in Next.js 14
- 💻 Beautiful landing page included
- 🎨 Custom artworks made by a professional illustrator
- 💳 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
- ✉️ Beautiful thank-you email after purchase
- ✅ Apple-inspired configuration design
- ⌨️ 100% written in TypeScript
- 🎁 ...much more
- Clone the repository:
git clone https://github.com/yourusername/casecobra.git
cd casecobra
- Install dependencies
npm install
-
Set up environment variables: Configure your .env file with Postgres, Kinde, and any other necessary credentials.
-
Run the app:
npm run dev
Note
Check that your environment is configured correctly, especially for database and authentication services.