+ AVAILABLE FOR WORK

Frontend Developer

Happy coding!

Menciptakan website modern dengan tampilan clean, responsif, dan elegan. Mengubah ide dan desain menjadi pengalaman digital yang menarik dan mudah digunakan.

Typescript React.js Tailwind
↓ explore my work below

/ open to full-time & freelance opportunities

SCROLL ↓
ABOUT ME

Bagus Setyo Nugroho

Mahasiswa S1 Informatika Universitas Internasional Semen Indonesia (UISI) dengan passion di bidang frontend development dan UI modern. Berfokus pada pembuatan website clean, responsif, dan visual yang kuat untuk menghadirkan pengalaman digital yang optimal.

"Turning ideas into clean, modern, and meaningful digital experiences."

Download CV ↗ View Projects
Bagus Setyo Nugroho
6
PROJECTS ↗
6
CERTIFICATES ↗
18
COMPLETED WORKS ↗
02 // SELECTED WORKS & CASE STUDIES

Featured Engineering Projects

Kurasi proyek pilihan yang memadukan arsitektur kode modern, performa tinggi, serta desain antarmuka berstandar produksi.

simak-uisi.app 2026
Full-Stack PROJECT // 01
PERF 99.4%
STATUS LIVE
STACK v4.0
ARCHITECTURE
SIMAK-UISI
Production Ready
99% Lighthouse Score • Clean MVC Architecture
01 // Full-Stack 2026

SIMAK-UISI — Academic & Student Activity Portal

Platform web terintegrasi untuk manajemen kegiatan akademik, jadwal perkuliahan, portofolio tugas, serta kolaborasi proyek mahasiswa Informatika dengan dashboard interaktif yang modern.

  • Dashboard pelacakan progres semester & manajemen jadwal terstruktur
  • Antarmuka dark/light modern dengan performa waktu muat instan
  • Arsitektur MVC Laravel & skema database relasional MySQL
Laravel 12 Blade Tailwind CSS JavaScript MySQL
Live Preview Source Code
novaui.app 2026
Design System PROJECT // 02
PERF 99.4%
STATUS LIVE
STACK v4.0
ARCHITECTURE
NovaUI
Production Ready
45+ Reusable Components • UI/UX System
02 // Design System 2026

NovaUI — Minimalist Web Component & Design System

Koleksi komponen UI/UX modern bergaya editorial minimalis yang dirancang di Figma dan diimplementasikan ke dalam kode menggunakan Tailwind CSS serta TypeScript untuk mempercepat pengembangan web.

  • 45+ komponen UI reusable dengan tipografi tegas & kontras presisi
  • Sistem token warna, grid responsif, dan micro-interactions halus
  • Dokumentasi interaktif untuk konsistensi desain lintas proyek
React.js TypeScript Tailwind CSS Figma Lucide Icons
Live Preview Source Code
taskflow-studio.app 2025
Web App PROJECT // 03
PERF 99.4%
STATUS LIVE
STACK v4.0
ARCHITECTURE
TaskFlow Studio
Production Ready
Real-Time Task Filtering • Responsive UX
03 // Web App 2025

TaskFlow Studio — Collaborative Project & Sprint Tracker

Aplikasi web manajemen tugas tim dan organisasi kampus dengan fitur papan Kanban interaktif, penanda prioritas tugas, tenggat waktu proyek, serta analitik produktivitas mingguan.

  • Manajemen tugas berbasis papan Kanban yang intuitif dan responsif
  • Filter instan berdasarkan status, prioritas, dan anggota tim
  • Desain antarmuka fokus yang meminimalkan distraksi pengguna
Laravel Tailwind CSS Alpine.js MySQL REST API
Live Preview Source Code
karyadigital.app 2025
Frontend UI PROJECT // 04
PERF 99.4%
STATUS LIVE
STACK v4.0
ARCHITECTURE
KaryaDigital
Production Ready
100% Mobile Responsive • Editorial Grid
04 // Frontend UI 2025

KaryaDigital — Creative Showcase & Innovation Hub

Platform galeri digital untuk menampilkan karya inovasi teknologi, proyek perangkat lunak, dan studi kasus desain UI/UX mahasiswa dengan tata letak editorial modern.

  • Galeri interaktif dengan pencarian & filter kategori secara langsung
  • Animasi scroll reveal yang halus dan transisi kartu elegan
  • Optimal di perangkat Desktop, Tablet, hingga Smartphone
HTML5 CSS3 JavaScript ES6+ Tailwind CSS Vite
Live Preview Source Code
smartinvent.app 2025
Full-Stack PROJECT // 05
PERF 99.4%
STATUS LIVE
STACK v4.0
ARCHITECTURE
SmartInvent
Production Ready
Automated Reporting • Structured Database
05 // Full-Stack 2025

SmartInvent — Digital Inventory & Asset Information System

Sistem informasi manajemen inventaris laboratorium dan peminjaman perangkat digital dengan fitur pencatatan real-time, riwayat peminjaman, dan cetak laporan otomatis.

  • Otomatisasi pencatatan sirkulasi peminjaman & pengembalian aset
  • Validasi data berlapis dan ekspor laporan terformat
  • Antarmuka dashboard admin yang bersih dan mudah dipahami
Laravel PHP 8.2 MySQL Bootstrap / Tailwind Chart.js
Live Preview Source Code
ecopulse.app 2024
Frontend UI PROJECT // 06
PERF 99.4%
STATUS LIVE
STACK v4.0
ARCHITECTURE
EcoPulse
Production Ready
Award-Winning UI Concept • Data Visualization
06 // Frontend UI 2024

EcoPulse — Smart Campus Environmental Dashboard UI

Eksplorasi desain UI/UX dan implementasi frontend dashboard pemantauan indikator lingkungan kampus hijau (Green Campus) dengan visualisasi metrik yang informatif.

  • Studi kasus UI/UX berfokus pada keterbacaan visualisasi data
  • Komponen kartu metrik modular dengan indikator status warna
  • Prototipe Figma lengkap beserta implementasi kode responsif
Figma React.js Tailwind CSS UI/UX Design
Live Preview Source Code
03 // VERIFIED CREDENTIALS & HONORS

Professional Certificates

Sertifikasi kompetensi berstandar industri internasional sebagai bukti dedikasi pada kualitas rekayasa perangkat lunak modern.

CLICK ANY CERTIFICATE FOR FULL PREVIEW
DICODING VERIFIED 2026
CERTIFICATE OF COMPLETION
Belajar Dasar Pemrograman Web & Front-End Modern
Awarded to Bagus Setyo Nugroho
ID: DCD-WEB-BSN-2026 Verified
Dicoding Indonesia 2026

Belajar Dasar Pemrograman Web & Front-End Modern

Sertifikasi kompetensi dalam membangun struktur dan tampilan website modern yang semantik, responsif di berbagai ukuran layar, dan mengikuti standar industri.

HTML5 Semantic Modern CSS3 Responsive Layout
DCD-WEB-BSN-2026
EXCELLENCE GRADUATE 2025
CERTIFICATE OF COMPLETION
Full-Stack Web Development with Laravel Framework
Awarded to Bagus Setyo Nugroho
ID: BWA-LRV-BSN-8841 Verified
BuildWithAngga / Tech Bootcamp 2025

Full-Stack Web Development with Laravel Framework

Menyelesaikan kurikulum pengembangan aplikasi web end-to-end menggunakan framework Laravel, perancangan database relasional, dan manajemen autentikasi.

Laravel MVC Blade Templating Eloquent ORM
BWA-LRV-BSN-8841
GOOGLE UX TRACK 2025
CERTIFICATE OF COMPLETION
Foundations of User Experience (UX) & UI Design
Awarded to Bagus Setyo Nugroho
ID: GGL-UX-BSN-5519 Verified
Google / Coursera Career Certificate 2025

Foundations of User Experience (UX) & UI Design

Validasi pemahaman mendalam mengenai prinsip desain berpusat pada pengguna, pembuatan wireframe hingga high-fidelity prototype di Figma, dan evaluasi kegunaan.

User-Centered Design Wireframing Figma Prototyping
GGL-UX-BSN-5519
DICODING CERTIFIED 2025
CERTIFICATE OF COMPLETION
Belajar Pemrograman JavaScript & Aplikasi Interaktif
Awarded to Bagus Setyo Nugroho
ID: DCD-JS-BSN-4092 Verified
Dicoding Indonesia 2025

Belajar Pemrograman JavaScript & Aplikasi Interaktif

Penguasaan fundamental hingga fitur modern JavaScript (ES6+), pemrograman berorientasi objek, penanganan asynchronous API, dan logika pemrograman.

JavaScript ES6+ Asynchronous JS REST API Fetch
DCD-JS-BSN-4092
ACADEMIC CREDENTIAL 2025
CERTIFICATE OF COMPLETION
Database Design & SQL Programming Foundations
Awarded to Bagus Setyo Nugroho
ID: ORC-SQL-UISI-2025 Verified
Oracle Academy / University Track 2025

Database Design & SQL Programming Foundations

Sertifikasi perancangan pemodelan data konseptual dan fisik (ERD), normalisasi basis data, serta optimasi query SQL untuk sistem informasi.

Relational Database ERD Modeling SQL Queries
ORC-SQL-UISI-2025
UISI INFORMATICS 2024
CERTIFICATE OF COMPLETION
Software Engineering & Digital Innovation Seminar
Awarded to Bagus Setyo Nugroho
ID: UISI-IF-SEM-2024 Verified
Informatika UISI & Industry Partners 2024

Software Engineering & Digital Innovation Seminar

Partisipasi aktif dalam pengembangan wawasan rekayasa perangkat lunak modern, manajemen alur kerja tim dengan Git, serta inovasi produk digital.

Software Lifecycle Agile Collaboration Git Workflow
UISI-IF-SEM-2024
04 // ARCHITECTURE & TECH STACK

Technical Arsenal & Ecosystem

Teknologi, kerangka kerja, dan perangkat lunak yang saya gunakan sehari-hari untuk merancang, membangun, dan men-deploy aplikasi web berkinerja tinggi.

Frontend Development

Antarmuka Web Modern, Responsif & Interaktif

6 Technologies
HT

HTML5 & CSS3

Semantic Web & Styling

Core
PROFICIENCY 95%
JA

JavaScript (ES6+)

Interactive Web Logic

Core
PROFICIENCY 88%
TA

Tailwind CSS

Utility-First CSS Framework

Primary
PROFICIENCY 94%
BO

Bootstrap 5

Responsive UI Toolkit

Proficient
PROFICIENCY 92%
RE

React.js

Component UI Library

Modern UI
PROFICIENCY 84%
TY

TypeScript

Typed JavaScript

Exploring
PROFICIENCY 80%

Backend Development

Pemrograman Server, Arsitektur MVC & Sistem Digital

5 Technologies
LA

Laravel

Full-Stack PHP Framework

Primary
PROFICIENCY 92%
PH

PHP 8+

Server-Side Development

Core
PROFICIENCY 90%
BL

Blade Template

Modular View Engine

Primary
PROFICIENCY 94%
RE

RESTful API

Web Service Integration

Architecture
PROFICIENCY 86%
NO

Node.js

JavaScript Runtime

Backend
PROFICIENCY 80%

Database

Pemodelan Basis Data Relasional & Penyimpanan

3 Technologies
MY

MySQL

Relational Database Management

Primary
PROFICIENCY 92%
SQ

SQLite

Lightweight Embedded SQL

Fast DB
PROFICIENCY 90%
PO

PostgreSQL

Advanced SQL Database

SQL
PROFICIENCY 82%

Tools & Software

Lingkungan Pengembangan, Version Control & Kolaborasi

5 Technologies
GI

Git & GitHub

Version Control & Repository

Daily
PROFICIENCY 92%
VS

VS Code

Code Editor & Extensions

Primary
PROFICIENCY 96%
PO

Postman

API Testing & Debugging

Testing
PROFICIENCY 88%
VI

Vite & Composer

Build Tool & Dependency Mgr

Workflow
PROFICIENCY 90%
LA

Laragon / XAMPP

Local Server Environment

Dev Env
PROFICIENCY 95%

Design Tools

UI/UX Prototyping, Wireframing & Visual Design

3 Technologies
FI

Figma

UI/UX Design & Prototyping

Primary
PROFICIENCY 92%
CA

Canva Pro

Visual & Presentation Design

Creative
PROFICIENCY 94%
FR

Framer

Interactive Web Prototyping

Motion
PROFICIENCY 82%
05 // VISITOR GUESTBOOK & TESTIMONIALS

Community & Visitor Comments

Tinggalkan kesan, pesan, apresiasi, atau diskusi singkat Anda. Seluruh komentar tersimpan secara real-time di dalam basis data.

Total Comments: 4

Tulis Komentar

Bagikan tanggapan Anda di Guestbook

0 / 600
DP

Dimas Pratama

★ Pinned

Senior Frontend Architect @ Tokopedia

5 days ago

Desain portofolio yang luar biasa bersih dan berkelas! Struktur grid-nya sangat rapi, tipografinya tegas, dan transisi antar bagiannya terasa seperti produk SaaS kelas dunia. Sukses terus kariernya!

05 Nov 2026 • 18:49
NP

Nadia Putri

UI/UX Product Designer

1 day ago

Visual hierarchy dan pemilihan font Space Grotesk + JetBrains Mono-nya sangat on-point. Detail kecil seperti custom cursor dan preview sertifikat interaktif memberikan pengalaman pengguna yang premium.

10 Nov 2026 • 04:49
RM

Reza Mahendra

Full-Stack Developer

2 days ago

Kombinasi kontras warna dark obsidian dan micro-interactions pada kartu proyeknya keren banget. Sangat menginspirasi buat standar portfolio modern!

08 Nov 2026 • 18:49
SW

Sarah Wijaya

Tech Recruiter & Talent Partner

3 days ago

Salah satu personal portfolio developer paling impresif yang pernah saya review tahun ini. Penyajian project showcase dan sertifikasinya sangat jelas dan memudahkan rekruter melihat kompetensi teknis secara langsung.

07 Nov 2026 • 18:49
06 // INITIATE COLLABORATION

Let's Work Together

Tertarik untuk berkolaborasi dalam proyek pengembangan web, membutuhkan Frontend / Full-Stack Developer, atau ingin berdiskusi seputar peluang karier? Silakan hubungi saya.

AVERAGE RESPONSE TIME: < 2 HOURS
Base Location & Timezone
Gresik / Surabaya, Jawa Timur, Indonesia
7.1654° S, 112.6426° E • GMT+7 (WIB) (Remote Worldwide)
Official Social Channels 5 Platforms
GitHub
@bagussetyonugroho
LinkedIn
Bagus Setyo Nugroho
Instagram
@stybagusn
YouTube
Bagus Setyo Nugroho
TikTok
@stybagusn

Send a Direct Message

Isi formulir di bawah ini untuk memulai percakapan proyek atau kerja sama.

🔒 Data Anda terenkripsi & tersimpan aman.