Welcome to casecobra - A Modern Fullstack E-Commerce Shop for Custom Phone Cases

checkout at: https://casecobra-mu.vercel.app/

Your Image on a Custom Phone case

Capture your favorite memories with your own, one-of-one phone case. casecobra allows you to protect your memories, not just your phone-case.

Features

• 🛠️ 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

Built using

• Next.js 14
• Postgres
• TypeScript - Full type safety
• Tailwind
• Kinde Auth
• UploadThing as a service for file hosting

Steps

Step 1: Upload an image (also: Drag and Drop)

Step 2: Customize your case

Step 3: Preview and Payment

3.1 In this process, if you have come here for the first time, the configuration of your phone case is not lost when you go for login/sign-up. Your configuration will be intact once you login

3.2 Authentication provided by email-OTP or Google

3.3 Payment (Stripe)

Once the payment is done, you will be redirected to the summary page and a confirmation email will be sent to the registered email

Email

Admin Dashboard

Admin can get the details of all the orders made by customers. He can analyze this information regarding the growth of the business. Can change the order status as well.

The web-app is fully responsive on the mobile devices as well

Checkout at: https://casecobra-mu.vercel.app/