2022
The First Frame
Started as a CS & Statistics student, learning to turn data into stories.
RAP
Portfolio PDF
Smooth motion / low-noise UI
Opening
PDFSmooth Portfolio Experience
Buildingstoriesthroughcode,data,andmotion.
IamRajaAdiPranata,aCS&Statisticsstudentcraftingimmersiveportfolioexperiences.
Subtle scroll revealsResponsive interactionsFast and accessible
Studio Capture
0+
Projects Built
0
Research Works
0+
Dashboard Cases
Story Arc
FromCuriosityToCraft
A timeline of how I evolved from exploration to building complete products.
2023
Data Becomes Story
Built analytics works where output had to become real decisions.
2024
Interfaces with Personality
Crafted immersive web interfaces with strong usability.
2025-2026
End-to-End Builder
Building full-stack products from model design to deployment.
TypeScriptNext.jsLaravelFilamentLivewirePythonRSQLTableauFigmaTailwind CSSTypeScriptNext.jsLaravelFilamentLivewirePythonRSQLTableauFigmaTailwind CSS
Skill Spectrum
SystemsBehindTheAtmosphere
Design language, engineering discipline, and data fluency work together here. The goal is not motion for its own sake. It is motion that clarifies, guides, and persuades.
0
Core tools
0
Delivery pillars
0
Disciplines fused
Experience Design
Motion systems, visual hierarchy, premium landing pages
Front-end Engineering
Next.js, TypeScript, Tailwind, interaction architecture
Data Storytelling
Python, R, dashboard narratives, analytical framing
Product Delivery
Shipping complete flows from concept to deployable build
Project Reels
ScenesWorthWatching
Projects blending engineering depth with visual and narrative quality.
Featured Project SliderSaaS Engine
Architected a multi-user portfolio platform with tenant isolation, a modular design engine, and granular Master and Assistant administration roles.
Multi-user
No-code studio
400k+ variations
Next.js 16React 19SupabaseTailwind CSS 4TypeScript
01 / 08 scenes
Project Archive
Interactive Project Grid
Hover for 3D tilt, open details with one click, or jump directly to the live site.
Asosiasi Alumni DRM
Mood: executive
Laravel alumni association platform with member flows, content management, analytics, and cPanel deployment.
Laravel 12FilamentLivewirecPanelGitHub Actions
Foodies
Mood: gourmet
Laravel recipe platform with auth flow, CRUD recipes, and responsive detail pages.
LaravelBladeTailwindSQLite/MySQL
Music & Mental Health
Mood: sonic
Research paper using Python analytics to evaluate music as a treatment factor.
PythonResearchStatistics
Business Dashboards
Mood: executive
Executive-ready Tableau dashboards for KPI monitoring and behavior segmentation.
TableauSQLVisualization
IDX Trading Lab
Mood: executive
Market-analysis web lab for exploring Indonesian stock data and trading workflows.
Next.jsData UITradingVercel
Palorant
Mood: arcade
Valorant-inspired web experience with immersive interaction and multi-page architecture.
HTMLCSSJavaScriptFigma
From Words to Wages
Mood: executive
ICAKMPET 2026 Accepted Paper: Text Mining on Indonesian Job Descriptions to Predict Salary Determinants.
Machine LearningNLPText MiningPythonResearch
Final Scene
Letusbuildsomethingcinematic,sharp,anduseful.
Open for internship and collaboration in analytics, product engineering, and creative web development. The contact flow below keeps the interaction polished while staying practical.
Contact Console
Tell me what you are building, what stage you are in, and the kind of support you need. The form drafts a polished email so the first exchange is already structured.
Draft Status
Add your details and a short brief. The form will prepare the outreach message.