LUCAS MELO
01 — Summary
Creative Developer and Full-Stack Developer operating at the intersection of software development, motion design, and automation. Specialized in building immersive web interfaces (WebGL/3D, complex scroll-driven animations with GSAP) backed by solid, type-safe, and scalable architectures (React, SvelteKit, TypeScript, Supabase). Turning bold art direction into clean, high-performance (60fps desktop/mobile), conversion-driven code.
02 — Architecture & Stack
01. Front-End & Core
React, SvelteKit, Next.js, TypeScript, JavaScript (ES6+), Semantic HTML5, TailwindCSS, CSS3 / Shaders.
02. Motion & 3D Web
GSAP (ScrollTrigger, Flip, Timeline), Three.js, React Three Fiber (R3F), Rapier (3D Physics), Lenis (Smooth Scroll), Canvas 2D / WebGL.
03. Back-End, Data & Automation
Node.js, Supabase (PostgreSQL, Auth, Storage), REST API Integration, Workflow Automation, Advanced Data Validation.
04. Performance & Quality
4K/Retina rendering optimization, mobile hardware-acceleration fallbacks (Safari/iOS), Accessibility (A11y), Technical SEO, Continuous Deployment (Vercel / Netlify) and AI-assisted workflows.
03 — Completed projects
- Orinoco (opens in a new tab)Industrial corporate site · Cascavel, BRHTML · CSS · JS · GLSL · Nodeorinoco-ind.vercel.app
- ADO Lavanderias (opens in a new tab)Cleaning products and laundriesNext.js · React · TS · GSAP · Lenis · R3Fado-limpeza.vercel.app
- Rio Uruguay (opens in a new tab)Freight across southern Brazil and MercosurReact · TS · Viterio-uruguay.vercel.app
- Ikari Studio (opens in a new tab)2D animation portfolioFront-end · GSAPikari-studio.me
- Jorak Editor (opens in a new tab)Editing and motion design portfolioNext.js · React · TS · GSAP · Three.jsjorakeditor.netlify.app
- Ohm Engenharia (opens in a new tab)Electrical engineering and electronic securityAstro · TS · GSAP · Lenis · Three.jsohm-engenharia.netlify.app
- InfernAI (opens in a new tab)Sites, AI scheduling and automations for small businesses · Guarulhos, BRHTML · CSS · JavaScript · Canvas 2Dinfernai.com.br
- Mavell Studio (opens in a new tab)Website studio for local businesses and brandsNext.js · GSAP · ScrollTrigger · Lenis · Tailwindmavell-studio.netlify.app
04 — Methodology
- 01OBSERVEReference & Measure
- 02DECIDEMetric & Rhythm
- 03BUILDTyped Code
- 04ANIMATEGSAP, 3D, Scroll
- 05MEASURETests, Accessibility, Weight
- 06DELIVERDeploy & Care
05 — Education
- Centro Universitário FACENS — Systems Analysis and Development · In progress · expected completion in 2028
- SENAI Gaspar Ricardo — Electrical and Electronic Maintenance Electrician · Completion listed: 2026
- ETEC Elias Miguel Júnior — Integrated secondary education — Internet Computing · Completed in 2024