PS 1 - Digital Twin

Inspiration

You are not home and there is some theft, i get to know about it after a few hours or maybe when i reach home.... now i get to know it in seconds

What it does

AI-powered 3D web platform for modern B2B SaaS infrastructure management. It renders a high-fidelity, explorable view of a commercial site or bungalow. Users can isolate specific floors.

How we built it

Frontend: React, TypeScript, and Tailwind CSS for the responsive, liquid-glass UI.

3D Engine: React Three Fiber and Three.js for rendering the interactive WebGL environment.

Backend & AI: Python/FastAPI

Challenges we ran into

Database Management, some things were unresponsive we had to fix themWe successfully built a seamless, zero-lag 3D web experience that feels like a native web application.

Accomplishments that we're proud of

We leveled up our WebGL and React Three Fiber skills, specifically learning how to manipulate scene graphs, handle raycasting for click events on 3D objects, and bake textures to save draw calls. Also about time management and team work distribution

What we learned

We leveled up our WebGL and React Three Fiber skills, specifically learning how to manipulate scene graphs, handle raycasting for click events on 3D objects

What's next for PS 1 - Digital Twin

Moving forward, we plan to integrate live data from physical IoT sensor nodes placed on real construction sites. The users can directly call the Fire Station/ Police Station/ Ambulance through our website

Built With

• antigravity
• css
• gemini
• geminicli
• github
• html
• javascript
• react
• tailwind
• terminal
• vscode