This Web Profile is an interactive, 3D-enhanced personal portfolio built using modern web technologies like
React, Vite, Tailwind CSS, and @react-three/fiber with physics powered by Rapier and stunning visuals via drei and meshline.
🎨 Modern UI : Styled with Tailwind CSS for responsive, clean design.
🎭 Interactive Lanyard : A draggable 3D card suspended by a simulated rope.
💫 Physics Engine : Uses Rapier for realistic rope behavior and card dynamics.
🔁 Reusable Components : Modular structure for scalability.
⚡️ Fast Refresh with Vite : Hot module reload and instant startup.
preview by vercel
https://vercel.com/sentotabs-projects/sentot-web-profile
bash
git clone https://github.com/yourusername/sentot-web-profile.git
cd sentot-web-profile
npm install
npm run dev
Place your GLB and PNG assets in /public/images/lanyard/
Make sure you’re using /images/lanyard/card.glb — not /public/... in your code
You may need to polyfill for mobile support or customize lighting for realism
Crafted by @sentotAB with passion for Web Client Development's assignment
lectured by Mr. Rony Setyawan S.T, M.Kom in Cakrawala University