Hi, I'm Surya Ario Pratama
Full-stack web developer focused on rapid development, teamwork, requirements engineering, and effective team communication.
Galeri & Estimator
About Me
Surya Ario Pratama
Informatics Engineering Graduate • GPA 3.82 / 4.00
Bridging Intuitive Design with High-Speed Engineering
My name is Surya Ario Pratama, an Informatics Engineering graduate (GPA: 3.82 / 4.00) and passionate developer who thrives on transforming complex problems into speed-optimized digital platforms.
I bridge the gap between design and robust engineering by crafting user-centered UI/UX prototypes in Figma and engineering them into scalable frontends (Next.js / React) and high-performance backends (FastAPI / PostgreSQL / Drizzle).
"For me, coding is not just writing syntax—it is about driving business growth, automating manual bottlenecks, and securing user trust."
Full-Stack & AI Integration
Building scalable, high-performance web applications using Next.js, React, FastAPI, and PostgreSQL. I actively integrate AI tools into my daily workflow to accelerate problem solving, refine output quality, and explore untapped technical & business opportunities.
- •Academic Excellence: Graduated with a stellar GPA of 3.82 / 4.00.
- •Proven Impact: Engineered production HR portals (SIMPEG) & academic systems.
- •Data Science & AI: Published scientific research on classification & predictive algorithms.
Open For Work
How I Assist Your Business
Bridging the gap between code and commercial success. I design digital solutions focused on increasing revenue, saving operational hours, and securing user trust.
Frontend Development
Speed, Responsiveness & Interactive UI
I craft lightning-fast, visually stunning, and responsive user interfaces using modern React & Next.js frameworks that captivate visitors, build immediate trust, and maximize conversion rates.
Backend Development
Scalable APIs, Security & Business Logic
I build robust, secure, and high-performance server-side applications, RESTful APIs, session authentication, and automated workflows to power seamless digital applications.
Database Management
Data Integrity, Schema Design & Performance
I design structured database schemas, optimize query performance, manage data security, and integrate modern ORM tools for reliable and efficient data handling.
Work & Organizations
A timeline of my professional work experience, institutional projects, and active leadership in university student organizations.
Full Stack Web Developer
Universitas Indo Global Mandiri•Remote
Built a variety of websites for academic and university needs, focusing on high performance, data security, and seamless API integrations.
Vice Chair of System Apps Club (SYAP)
Club System Apps - Universitas Indo Global Mandiri•On-site
Assisted in leading the organization, designing application architectures, coordinating development teams, and mentoring members in modern web technologies.
Head of Teknova Division (IT)
Himpunan Mahasiswa Informatika (HMIF) - Universitas Indo Global Mandiri•On-site
Led the Technology and Innovation (Teknova) division, managing all digital infrastructure, websites, and technical programs under the Informatics Student Association.
My Journey
Scroll down to follow my technical evolution and career milestones from 2022 to present.
Starting Point
Started learning the basics of web development and writing my first lines of code. This was sparked by my interest in computer science and a desire to demystify how computers actually work.
Early College
Started college, actively building basic web projects while focusing on academic foundations.
First Practical Web Application
Applied my web development skills to solve real needs for the first time by building a thesis registration web application, transitioning from learning foundational theory to creating practical digital solutions for others.
Diverse & Collaborating Projects
Expanded my development capabilities by building and deploying websites for a wide range of needs, spanning personal projects, freelance clients, and college student organizations.
Institutional-Scale Development
Began engineering systems at an institutional level. Developed projects with complex business logic, requiring robust team communication, active project coordination, and strong time management.
My Projects
Discover how I leverage modern web technologies to build high-performance digital applications, UI/UX systems, and enterprise solutions.
SuryaCell.co
Official business profile website for SuryaCell.co, a clean energy provider under Unit54p. Designed with a modern, high-performance landing page displaying clean energy solutions, real-time power metrics (12,000W+ capability), customer savings statistics, and core values including Accountability, Innovation, Reliability, and Sustainability.
Tenun Heritage
A cultural showcase and landing page for traditional textile weavers (Tenun). Crafted with warm, earth-toned visuals and elegant typography to highlight local craftsmanship and the history of every thread.
Aura Med Clinic Portal
A premium medical aesthetic, skin treatment, and wellness clinic web portal named AURA Med ("Where Care Meets Serenity"). Highlights signature aesthetic treatments, doctor consultation booking forms, client testimonials, and a team showcase featuring the founder, Dr. Surya Ario.
LandingBox - Website Builder SaaS
A high-converting SaaS landing page design for LandingBox, a modern website builder tool crafted to "boost your business." Includes a modular benefits grid, testimonials carousel, three-tiered pricing packages (Template $5, Custom $25, Flexible $100), and a comprehensive interactive FAQ system to maximize lead generation.
PPKPT Faculty of Medicine
An institutional-scale web portal and grievance redressal system for the PPKPT Satgas at the Faculty of Medicine, Universitas Indo Global Mandiri. Designed to provide a safe, secure, and anonymous environment for reporting violence or abuse, featuring digital guidelines, FAQ components, and incident reporting forms.
PPKPT UIGM
Integrated grievance redressal platform for abuse and harassment cases within the Indo Global Mandiri University campus, aiming to foster a safe academic environment.
My Certificates
A verified list of my professional credentials, government training programs, data science certifications, and academic achievements.
Associate Data Scientist
Digital Talent Scholarship (Kominfo) - BPPTIKCompleted a 67-hour training program covering fundamental concepts of Data Science, data gathering and review, data cleansing, and model building and evaluation.
Junior Web Developer
Digital Talent Scholarship (Kominfo) - BPPTIKIntensive 67-hour training focusing on User Interface implementation, structured programming, reusing pre-existing libraries/components, and writing clean code according to best practices.
Database Design Course
Oracle AcademyCompleted the Database Design course with outstanding performance, mastering database schemas and effective data modeling techniques.
Java Fundamentals
Oracle AcademyPassed the Java Fundamentals final exam with distinction, demonstrating core logic skills and object-oriented programming concepts using Java.
Intern - Accreditation Documentation Compiler
Informatics Engineering Department - UIGMResponsible for organizing accreditation documents for the IT study program, ensuring the completeness of academic and administrative records during the internship period.
Project Manager - UI/UX Design Workshop
Informatics Student Association (HMIF) - UIGMLed the organization of the workshop 'Interactive UI and User-Friendly UX' hosted by the Teknova Division of HMIF.
What is my skill set?
A showcase of core technologies, frameworks, and modern tools I utilize to craft robust digital experiences.
Agentic AI
Designing autonomous AI agents, multi-agent workflows, and LLM-driven software automation.
Always Learn
Continuously exploring emerging technologies, engineering practices, and AI innovations.
Backend
Architecting robust REST APIs, server-side microservices, and reliable backend systems.
Database
Designing relational & document database schemas, query optimization, and data persistence.
Design-First / User-Centric
Prioritizing human-centered UI/UX aesthetics, wireframes, and smooth interactions before production coding.
Frontend
Crafting interactive, highly responsive, and modern web applications with clean architecture.
Milestone-Driven
Structuring project deliverables into predictable, transparent milestones with strict deadline discipline.
Operational Efficiency Engineering
Eliminating business redundancies and automating workflows to maximize operational efficiency and team productivity.
Outcome-Driven
Focusing on tangible business goals, measurable ROI, conversion speed, and high-impact digital results.
Problem Solving
Analyzing complex technical roadblocks, debugging root causes, and engineering efficient solutions.
Task-Driven / Feature-Driven
Deconstructing complex software requirements into clear feature modules, sprint tasks, and agile releases.
UI/UX
Creating intuitive user flows, wireframes, component design systems, and aesthetic interfaces.
Web Performance
Optimizing Core Web Vitals, page load speeds, asset delivery, and bundle efficiency.
My Daily Tools
The essential software, IDEs, platforms, and AI assistants I rely on every day to design and code efficiently.
Antigravity
Advanced agentic AI coding environment by Google DeepMind.
Antigravity CLI
Terminal interface for running agentic tasks & automated workflows.
Bootstrap
Front-end toolkit for building responsive, mobile-first websites.
CachyOS
Performance-crafted Arch Linux OS optimized with BBO/LTO kernels & low latency execution.
Docker
OS-level virtualization platform for building, shipping, and running containerized apps.
FastAPI
High-performance web framework for building APIs with Python.
Figma
Collaborative design tool for wireframing, prototyping, & UI.
Gemini
Google's multimodal AI model for reasoning, code, & architecture.
Git
Distributed version control system for code management and tracking.
GitHub
Cloud platform for repository hosting, collaboration, and CI/CD.
HeidiSQL
GUI tool for managing MySQL, MariaDB, PostgreSQL, & SQL servers.
Neon DB
Serverless Postgres platform built for scale, instant branching, & high performance.
Next.js
React framework for building high-performance web applications.
Obsidian
Markdown second brain for notes, ideas, and system design docs.
Open Code
Open-source development environment and interactive tooling.
PostgreSQL
Relational database system known for reliability and performance.
Prisma
Node.js and TypeScript ORM for database access and type-safety.
React
JavaScript library for building dynamic and interactive user interfaces.
shadcn/ui
Re-usable components built with Radix UI and Tailwind CSS.
Tailwind CSS
Utility-first CSS framework for rapid UI development and custom designs.
TypeScript
Strongly typed programming language building on JavaScript.
Vercel
Frontend cloud platform for instant deployment, serverless functions, & edge hosting.
Zed
Lightning-fast, multiplayer code editor crafted in Rust.
Go further
with Surya.
Unlock tailored web solutions, interactive animations, robust API integrations, and data-driven applications.