MCPcopy Index your code
hub / github.com/daffahaidar/interactive-3d-event-badge

github.com/daffahaidar/interactive-3d-event-badge @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
4 symbols 13 edges 5 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Interactive 3D Event Badge

If you find it useful, give this repository a star⭐ as a sign of thanks

Inspiration

Building an interactive 3D event badge with React Three Fiber

The Stack

  • Next Js
  • Typescript
  • Blender
  • Three Js
  • React Three Fiber
  • Drei
  • React-three-rapier
  • MeshLine

Installation

npm install

Run the development server

npm run dev

Open http://localhost:3000 with your browser to see the result.

Build the project

npm run build

Run the project in production mode

npm run start

Extension points exported contracts — how you extend this code

ThreeElements (Interface)
(no doc)
components/band.tsx

Core symbols most depended-on inside this repo

Band
called by 0
components/band.tsx
Register
called by 0
app/page.tsx
RootLayout
called by 0
app/layout.tsx

Shape

Function 3
Interface 1

Languages

TypeScript100%

Modules by API surface

components/band.tsx2 symbols
app/page.tsx1 symbols
app/layout.tsx1 symbols

For agents

$ claude mcp add interactive-3d-event-badge \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page