Casewise

Casewise is your go-to destination for high-quality, personalized phone cases that capture your most cherished memories. This platform allows customers to design custom phone cases, combining style and protection in one unique product. If you want to preserve a special moment or want a case that reflects your style, make a purchase now!

Screenshot

View Project »

Running Locally

This application requires Node.js v20.14.0+.

Cloning the repository to the local machine:

git clone https://github.com/nabarvn/casewise.git
cd casewise

Installing the dependencies:

pnpm install

Setting up the .env file:

cp .env.example .env

[!IMPORTANT] Ensure you populate the variables with your respective API keys and configuration values before proceeding.

Configuring Prisma:

pnpm prisma generate

pnpm prisma db push

Running the application:

pnpm dev

Tech Stack

• Language: TypeScript
• Framework: Next.js
• Styling: Tailwind CSS
• Analytics: Vercel Analytics
• State Management: React Query
• Postgres Database: Neon
• ORM Toolkit: Prisma
• Email API: Resend
• Authentication: Clerk
• File Hosting: UploadThing
• Payments: Stripe
• Deployment: Vercel

Acknowledgements

• Custom UI Components: shadcn/ui
• Auth Component Library: Clerk Elements

Credits

Learned a ton while building this project. Major thanks to Josh for the next level (no pun intended) tutorial!