Architecting modern web experiences with precision.
Hello, I'm Tri Hartono. I build high-performance, visually refined web and mobile applications with Next.js, TypeScript, PHP/Laravel, and modern cloud ecosystems.
Crafting digital products at the intersection of engineering & design.
I am a fullstack web developer driven by the desire to turn complex problems into elegant, intuitive digital solutions. My journey began with a computer science background, evolving into deep hands-on expertise in building modern web applications, scalable backends, and responsive user interfaces.
With strong foundations in both frontend frameworks (React, Next.js, TailwindCSS) and backend systems (PHP, Yii, Laravel, Node.js, MySQL/MongoDB), I ensure every feature is not only visually compelling but also performant, secure, and maintainable.
Core Areas of Expertise
Frontend Engineering
Building blazing-fast, interactive, and responsive web applications with Next.js, React, TypeScript, and modern CSS architectures.
Backend & APIs
Designing resilient RESTful API services, structured database schemas (MySQL & MongoDB), and backend logic with PHP/Laravel and Node.js.
UI/UX & Product Design
Bridging the gap between design and implementation using Figma to create aesthetic, user-centric interfaces and design systems.
Performance & Quality
Obsessed with clean architecture, SEO optimization, fast load times, semantic HTML, and intuitive user experiences.
Technologies & tools I use to bring ideas to life.
A comprehensive toolbox refined through projects, production codebases, and constant experimentation.
React
Interactive UI Library
Next.js
Fullstack React Framework
TypeScript
Type-Safe JavaScript
JavaScript
Core Web Language
TailwindCSS
Utility-First CSS
HTML5 / CSS3
Semantic Web Standards
Framer Motion
Fluid Animation Library
Bootstrap
Responsive Framework
PHP
Server-Side Scripting
Laravel / Yii
Modern PHP Frameworks
Node.js
JavaScript Runtime
MySQL
Relational Database
MongoDB
NoSQL Document DB
Git
Version Control
GitHub
Collaboration & CI/CD
Figma
UI/UX & Prototyping
VS Code
Primary IDE
NPM / Yarn
Package Ecosystem
Canva
Graphic Design
Experience & educational background.
A chronological timeline of my professional career, hands-on roles, and formal education.
Web Developer
- Maintaining applications when bugs were found.
- Contribute to frontend and backend web development.
- Design and Implemented Website Interface for mobile, desktop and tablets.
- Using HTML, CSS,JS, PHP technology with the Yii framework, as well as MySQL and MongoDB as databases.
- Developing, customizing, and maintaining websites using the WordPress content management system (CMS), including theme development, plugin integration, and troubleshooting.
Admin & Follow Up
- Full Responsible for data management at DRYM
- Handling all products sales transaction
- Managing company data using Ms.Excel and Spreadsheets on GoogleDrive
Project Staff
- Responsible during the project by preparing the needs
- assist in the implementation of the pradi test
- make travel documents for each vehicle involved in or out of a project
Selected works & recent builds.
A showcase of web applications, commercial platforms, interactive UI tools, and design prototypes.
PSJTV
Website PSJTV
Boss Accolaplay
Website Accolaplay
Nft-theme
Discovery rare digital art and Collect Sell Extraordinary NFTs
Store Fake Api
NEW SEASON CHECK OUT ALL THE TRENDS
Chat N ReChat
Sebuah aplikasi chatting yang bisa bikin kamu lupa diri, tapi tidak lupa jasa pahlawan!
Wumbo
Figma social media content templates for branding, marketing, insights, and more. Free for personal and commercial use!
Array Id Mkstp
Social Media Tool Yang Tidak Akan Memberikan Kamu Insight Apapun
Selena Portofolio
Sebuah aplikasi Portofolio Selena
Suro Riverside Blog
design blog