@Mokshgna

I made a POKEDEX [HALF] from pokemon and it was fun as i did get a few mistakes but rectified it and made it succssful

A UI of a music web not a live web

I built my personal website using HTML and CSS. It includes different sections about me, my interests, projects, and goals. I wanted the website to feel modern and personal instead of looking like a basic template.

The challenging part was organizing the layout and making the different sections look clean and consistent. I also worked on improving the styling, spacing, colors, and overall design.

I’m proud that I built and customized the website myself and turned my ideas into a real website that people can visit online. This project also helped me understand how HTML structures a webpage and how CSS controls its design.

To test the project, open the deployed website using the Try project button. You can scroll through the sections and explore the website.

I used AI for help with small coding questions, debugging, and improving some parts of the design, but I built and customized the website myself.

What did you make?

I built an interactive Jujutsu Kaisen-inspired web experience that uses MediaPipe hand tracking and Three.js particle effects. Different hand gestures activate different cursed techniques, such as Red, Infinite Void, Hollow Purple, and Malevolent Shrine, each with its own unique visual effects.

What was challenging?

The biggest challenge was combining real-time hand tracking with 3D particle animations while keeping everything responsive and smooth. Tuning gesture detection and creating distinct particle effects for each technique also took a lot of experimentation.

What are you proud of?

I’m proud that I was able to create an immersive anime-inspired experience entirely in the browser. Seeing hand gestures trigger different cursed techniques in real time made the project feel interactive and rewarding to build.

What should people know so they can test your project?

Allow camera access when prompted, as the project uses your webcam to detect hand gestures. Hold your hand clearly in front of the camera and try different finger positions to activate the various cursed techniques.