Next.js, Three.js, pin dropping app

Simple three.js app to drop a pin with your choice of svg or emoji. Login using your Github account and add your pin.

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.

pin-drop-demo-1.mp4

pin-drop-demo-2.mp4

Work in progress, scaffolding

Adding api routes to fetch data for weather, wildfire, and much more.
Zoom disable state for better scrolling experience.
Search modal, data table.