Ricco Marcelino

About · text version

Ricco Marcelino is a developer and designer in Mumbai.

I build for the browser by hand: 3D on the web, live audio, hand and face tracking, and the backends behind them.

Mumbai, IndiaBSc Information Technology, first yearSt. Xavier's College

The portfolio

ricco.codes is two real rooms, my classroom and the college chapel, rebuilt as 3D gaussian splats and walked through by scroll.

I filmed both on a DJI Osmo Action 5 Pro and reconstructed them as gaussian splats: 770,060 splats in the classroom, 1,960,720 in the chapel. I flew the camera path by hand, setting keyframes in a 3DGS editor I took apart and rebuilt, and your scroll position is the playhead. Sound design runs on the Web Audio API. Phones load lighter rooms, because the full chapel crashed iPhone Safari at about 1 GB decoded. The email list sits on Supabase Edge Functions. I built it in 17 days over 141 commits.

Enter the 3D room →

Selected work

  1. Malhar Fest website

    Design lead on the public site of Malhar, St. Xavier's College's festival. I designed most of what about fifteen thousand people used in a single afternoon, from the landing page through Conclave, plus much of the admin and gate-scanner interfaces the organisers ran the fest on.

    malharfest.in

  2. Malhar Passes

    Backend and admin for the fest's pass system. 15,700 passes sold in one afternoon. I built the user-management panel and worked on Supabase Edge Functions, secrets configuration and the AWS Rekognition integration.

    passes.malharfest.in

  3. FluteVerse

    A flute you play in the browser with your hands, no hardware and no backend. MediaPipe reads your hands and face for notes and breath, the Web Audio API synthesises the sound live, and Three.js renders the instrument. A solo build in two or three days, first place at Tensor School.

    Live demoSource

  4. EcoLife

    A carbon-footprint dashboard with eco challenges, recycling guidance and green scores. TensorFlow.js and Teachable Machine classification, Firebase, and Leaflet maps. Full stack, fourth place at TCET PixelHack 2.0.

    Live demoSource

  5. Indian Space Program

    A scroll-driven tribute to Vikram Sarabhai and APJ Abdul Kalam, with kinetic editorial typography. My first end-to-end site.

    Live

What I work with

Browser
HTML, CSS, JavaScript, React, Tailwind, PHP, Three.js, Web Audio API, GSAP, anime.js
Models in the browser
MediaPipe, TensorFlow.js, Teachable Machine, FLUX LoRA training, AWS Rekognition
Systems
Linux, KVM/QEMU, libvirt, Open vSwitch, VLANs, NGINX, Samba, RAID, iptables, Supabase, PostgreSQL
Tools
VS Code, Cursor, Claude Code, Antigravity, Git, GitHub CLI, Vercel

Elsewhere

Sub Head of the AWS Student Builder Group at St. Xavier's College, where I look after the committee's website and technical work. Computer Department volunteer at Malhar. Class representative.

Open to software engineering, web, AI/ML, computer vision, backend and systems internships.

riccomarcelino@gmail.com