Learning
Skills I'm actively developing
Next.js 16 & React 19
Mastering Server Components, App Router patterns, and high-performance Web APIs.
Tailwind CSS v4 & Motion UI
Creating smooth micro-animations, glassmorphism, and responsive design systems.
Supabase & TypeScript
Building scalable backend schemas, authentication, and type-safe database queries.
Building
Projects in progress
Lunarys Platform
Social quote & music lyric platform with Spotify API integration.
Gamified social platform built with Next.js 16, React 19, Supabase, and Spotify API allowing users to share quotes, connect with music, and earn XP badges.
Profesia
Bilingual career platform with interactive MBTI assessment engine.
Career exploration platform featuring real-time MBTI personality matching, bilingual support (ID/EN), and Supabase backend.
Seven Caffee (Vianos)
Smart cafe management ecosystem with AI sales forecasting & Flutter app.
Academic capstone project for Polindra D3 TI. Integrated Laravel 12, Rubix ML machine learning sales forecasting, Groq API AI chatbot, and Flutter employee app.
Goals
Key objectives
Deploy modern portfolio to Vercel
careerPolished portfolio showcasing 7 selected projects, experience, and credentials.
Maintain open source GitHub repositories
career20+ public open source repositories with clean READMEs and project structures.
Master Framer Motion & Micro-animations
learningApply interactive motion effects across personal web applications.
Reading
What I'm consuming
Next.js 16 & React 19 Documentation
by Vercel & React Core Team
"Server Components and Server Actions drastically simplify client-side state."
Refactoring UI
by Adam Wathan & Steve Schoger
"Design with hierarchy, contrast, and consistent spacing systems."
Clean Code
by Robert C. Martin
"Functions should do one thing, do it well, and do it only."