Frontend Engineer
Est. 2026 |
Taufiq Rahmadi's Portfolio
Specializing in crafting high-performance web and mobile interfaces with clean code, purposeful typography, and strict grid systems. Dedicated to turning complex ideas into intuitive, pixel-perfect digital experiences—no fluff, just engineering that works.
Captured view of Taufiq, specializing in frontend architectures and bespoke interactive layouts.
The Mind Behind
The Interface
Building web and mobile apps using Vue.js, React, Laravel, and Flutter. With over two years of experience, I care deeply about typography, strict layout grids, and making sure things don't break when users interact with them. I believe that a great interface is not just about looking good—it's about feeling invisible to the user while silently guiding them to their goals.
I like keeping things simple but robust. While my foundation is heavily rooted in modern UI/UX frontend development, I am currently expanding my skills toward backend architecture and AI integrations to build real, working products from the ground up without the unnecessary fluff.
Whether it is a high-converting landing page, a complex dashboard, or a cross-platform mobile application, I approach every project with an engineering mindset and an editorial eye for detail. Code is my medium, but delivering exceptional user experiences is my true craft.
CRAFTING ORDER OUT OF DIGITAL CHAOS THROUGH RIGOROUS LOGIC AND UNCOMPROMISED TYPOGRAPHY.
TECHNICAL EXPERTISE
Frontend Development
Focusing on building responsive, accessible, and high-performance web applications.
Backend & Database
Building reliable server-side logic and managing database relations.
Tools & Ecosystem
Tools and platforms used daily for modern web development workflow.
* STACK UPDATED REGULARLY. BECAUSE TECH MOVES FAST AND I HATE LEGACY CODE.
INDEX OF WORKS
Github Readme Asset Generator
GitHub Readme Asset Generator is a Next.js-based web tool designed to generate dynamic visual assets (SVGs) that can be embedded directly into a GitHub README.md file. By utilizing server-side API routes and SVG manipulation, it renders skill badges and contribution streak statistics in real-time, complete with customizable themes and layouts.
Digital Excellent
Digital Excellent is an interactive company profile platform for website and mobile app development agencies. It features a powerful built-in Admin Dashboard for managing landing page content, client portfolios, service management, and receiving leads/orders directly from potential clients.
My Portfolio Website
This website is designed as a personal digital space to showcase my journey as a Frontend Engineer. Here, I curate the various technical projects I have built and share my thoughts on web technology and interface development. My core focus lies in engineering user experiences that are responsive, inclusive, and high-performing.
eSIP
eSIP is a digital solution designed to manage employee attendance with flexibility and precision. The application features several functional modules, including: 1. Multi-Condition Presence System: Facilitates various attendance types, ranging from daily online check-ins and formal assemblies (Apel) to specialized reporting for off-site assignments (Dinas Luar). 2. Self-Service Scheduling: Empowers users to check their work schedules and independently manage or propose schedule adjustments directly within the app. 3. Monitoring & Recapitulation: Provides transparent attendance summaries, allowing users to track their presence history periodically. 4. Multi-Layered Security: Beyond standard login authentication, the application features high-level security for logging out, utilizing Fingerprint verification or PIN to ensure data integrity.
PROFESSIONAL TIMELINE
Full Stack Developer
@ RSUD Dr. H. Koesnadi
currentResponsible for full-lifecycle development of hospital management systems, including building new features, debugging critical errors, and maintaining existing codebase. Focuses on optimizing complex SQL queries to enhance system responsiveness and ensuring high data integrity across all operational modules.
Full Stack Developer Intern
@ RSUD Dr. H. Koesnadi
internshipBuilt and maintained a reporting dashboard (CI3) and a mobile attendance app, enabling real-time data synchronization, role-based access, and automated report generation for internal operations
Information Technology Developer Intern
@ The Netwerk - PT Digital Netwerk Venture Indonesia
internshipDeveloped an AI WhatsApp Virtual Assistant integrated with TAG ID, streamlining onboarding, service requests, and subscriptions via chat—cutting resolution time and boosting self-service.
IoT Engineer Camp
@ Indobot Academy - PT Ozami Inti Sinergi
bootcampIntensive Study Independent 6-month IoT Bootcamp covering end-to-end system design — from sensor selection (DHT, PIR, ultrasonic) and microcontroller programming (ESP32/Arduino) to cloud data ingestion (MQTT/HTTP) and deployment of scalable IoT solutions for monitoring and automation.
TIF Exhibition
@ Politeknik Negeri Jember
exhibitionAwarded 2nd Runner-up at the TIF Exhibition, a semester-end showcase featuring innovative integration of IoT and Machine Learning. Developed and presented a functional application that combines hardware sensors with predictive modeling, recognized for its technical complexity and practical implementation.
TSA - Digital Marketing
@ Politeknik Negeri Jember
trainingParticipated in an intensive Digital Marketing training and certification program under the Talent Scouting Academy (TSA). Focused on mastering digital growth strategies, audience analysis, and content optimization, culminating in a competency certification to meet industry standards.
CONSISTENCY IN CODE.
LET'S BUILD SOMETHING TOGETHER.
No lengthy forms needed. Connect directly via WhatsApp for instantaneous inquiries, project collaborations, or technical consultations.