Next.js, Three.js, shoe dropping app

Simple three.js app to drop a shoe with your choice of mesh color. Login using your Github account and add your shoe.

How to run the app?

• run npm install
• Signup and create an account for PlanetScale, Clerk, and Upstash if you don't have.
• Create .env file and add "DATABASE_URL" for PlanetScale, "NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY" and "CLERK_SECRET_KEY" for Clerk, "UPSTASH_REDIS_REST_URL" and "UPSTASH_REDIS_REST_TOKEN" for Upstash.
• run npx prisma studio to connect to Prisma db.
• run npm run dev for the frontend.

Work in progress, scaffolding

• Adding author info mesh to each shoe, and disply all shoes that were created by that Github account user upon clicking.
• Edit, delete shoe functionality.
• Email modal, func to navbar.

This code still contains type errors since project is ongoing, so if you fixed any issues in the code, please send me a pull request :-)

Car physics functions used in this project were from following repo.

R3F-in-practice: https://github.com/Domenicobrz/R3F-in-practice

gltf file for the stag was from 3d content creator Quaternius.

Website: https://quaternius.com/index.html

Thanks for amazing inspiration and cool assets.