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.