Gybran Logo
Welcome

To My Portfolio

Design Driven Engineer · Full-Stack · AI Engineer

Pixels with purpose.

Code with precision.

I bridge sophisticated design with clean, production-ready code — across web, mobile, and AI

Next.js • Flutter • Express • Laravel

From

Design.

CRAFT
Build.
TO CODE
Ship.

I specialize in building high-fidelity websites, native mobile applications, and custom AI integrations. My goal is to bridge the gap between sophisticated design and clean, production-ready code.

01

Web Development

Building fast, responsive, and search-optimized web applications using Next.js and React. Every component is structured for scalability and polished with micro-animations for an premium feel.

PERFORMANCEPRECISIONSCALABILITY
02

Mobile Development

Delivering Flutter products that feel native, not ported. Focused on smooth rendering, consistent behavior, and experiences users actually want to return to.

CONSISTENCYRELIABILITYUSABILITY
03

AI Integration

Bringing AI into products so it earns its place. From model integration to prompt shaping — making intelligence feel like a feature, not a footnote.

ACCURACYINTEGRATIONCLARITY
WHO

Code.

AM
Design.
I
Me.

I am committed to supporting pioneering teams and technologies. Even in the earliest hours of a venture, we are prepared to invest with conviction.

What I do

I design and build digital products that connect great user experiences with reliable engineering.

I work across product design, frontend, mobile, and backend — shipping 7+ production apps across mobile, web, and AI.

My stack spans 15+ technologies (Flutter, Next.js, React, TypeScript, NestJS, Docker, PostgreSQL, Prisma), and every system I build is designed to scale.

Now

Software Engineer at Halcom — building production interfaces and bringing AI into modern product workflows.

I ship full-stack features at Halcom, from database design to pixel-perfect frontends with Shadcn UI, Aceternity, and Framer Motion.

On the side I build concepts like Zenith, exploring premium branding and scalable architecture inspired by Linear, Stripe, Arc, and Notion. My approach: learn by building, validate by shipping.

How it started

It began with curiosity — and a drive to build real things.

My first `println` in Pascal led me to a D-IV in Software Engineering at Politeknik Negeri Padang, where I chose building real systems over theory.

Racing my peers to learn tech before it hit the syllabus turned into a discipline I still keep: ship fast, learn faster — because the real craft is the whole product, not just the code.

Things

A few things that keep me inspired and balanced outside of code.

› Studying timeless brand identities like Linear and Airbnb.

› Story-driven AAA games — RDR2, Assassin's Creed.

› Cinematic storytelling: Interstellar, Breaking Bad, Peaky Blinders.

› Custom mechanical keyboards.

› Sunday Car Free Day runs & Semen Padang FC matches.

› Quiet evenings at home with my cat, George.

HOW

Code.

IT'S
Ships.
BUILT
Fast.

The foundational technologies I use to build, integrate, and ship production systems.

SYS_CORE // PRIMARY INFRASTRUCTURE
8/8 OPTIMIZED
CR-01
TypeScript
TypeScript
CR-02
React
React
CR-03
Next.js
Next.js
CR-04
Flutter
Flutter
CR-05
Laravel
Laravel
CR-06
Express
Express
CR-07
Supabase
Supabase
CR-08
Hono
Hono
NET_NODE // CLUSTER MAPPING
ACTIVE SYNC

UI & Interaction

Tailwind CSS
Tailwind CSS
shadcn/ui
shadcn/ui
GSAP
GSAP
Radix UI
Radix UI
Figma
Figma

Data & Auth

Supabase
Supabase
Firebase
Firebase
Drizzle ORM
Drizzle ORM
Better Auth
Better Auth
JWT
JWT
Prisma
Prisma
MySQL
MySQL

Cloud & DevOps

Docker
Docker
Vercel
Vercel
GitHub
GitHub
Git
Git
Bun
Bun

AI & Intelligence

OpenAI
OpenAI
Claude
Claude
Gemini
Gemini
MCP
MCP
OpenCode
OpenCode
>_ DEPLOY_LOG
See how these come together → Work
SELECTED

Works.

SHIPPED
Products.
PROVEN
Impact.

Products, systems, and experiments that best represent my approach to problem-solving.

01 / 07Live

Dzikra

Habit & worship mobile app

Production mobile app on Google Play Store, built to help users maintain daily worship habits with gentle routine tracking and consistency-focused UX.

Live on Play Store with Firebase backend, real-time sync, and notification-driven habit loops designed for high-mobility users.
FlutterDartFirebaseGetX
Dzikra
02 / 07Live

Raisehand

Internal attendance system

Production employee attendance app for Inovasi360 and Bigio, featuring GPS-based check-in, push notifications, and automated leave request workflows.

Deployed on Google Play Store, used daily by employees for location-verified attendance tracking and leave management in a single mobile workflow.
FlutterDartFirebaseGetX
Raisehand
03 / 07Live

Eztix.id

Ticket booking platform

Web booking platform for browsing events, reviewing ticket details, and reserving with Firebase-backed auth.

Brings customer booking and admin management into one event operations product.
Next.jsFirebaseTailwindTypeScriptNode.jsREST API
Eztix.id
04 / 07Live

Room and Space Booking Website

Enterprise reservation system

Booking system with authentication, user management, and CRUD workflows for room reservation operations.

Built to help teams manage availability, booking flow, and administration in one place.
LaravelPHPMySQLTailwind
Room and Space Booking Website
More work available on request
CAREER

Roles.

LOG
Built.
HISTORY
Shipped.

Operational roles, processes, and technical outcomes across real deployments and production systems.

EXP-002Internship

PT. Bejana Investidata Globalindo (Bigio)

Malang, East Java
FlutterDartFirebaseREST APIGit
Duration: 5 monthsType: On-site
Mobile EngineeringAUG 24 — DEC 24

Intern Mobile Engineer

Shipped mobile products with cross-functional teams, enforcing code review discipline and production-ready delivery standards.

  • Translated product requirements into Flutter implementations alongside designers and product managers, reducing feature-to-prototype cycle time.
  • Enforced code review practices that reduced post-release bug reports and improved team code quality.
  • Launched a production mobile app (Raisehand) now used for daily employee attendance across the organization.
EXP-001Internship

PT. Kabau Sirah Semen Padang

Padang, West Sumatra
LaravelPHPMySQLHTMLCSSJavaScript
Duration: 10 monthsType: On-site
Full Stack DevelopmentSEP 23 — JUN 24

Intern Full Stack Developer

Built reservation and booking systems with Laravel, handling full-stack delivery from database design to production deployment over 10 months.

  • Developed a meeting room reservation system from scratch — database schema, REST API, authentication, and responsive UI — used daily by internal teams.
  • Executed full development lifecycle across design, implementation, and testing using Laravel MVC architecture and MySQL.
  • Delivered API integrations and booking features through cross-team collaboration, shipping production code over a 10-month engagement.
More on LinkedIn → linkedin.com/in/gybrannauval1309
Follow us
Email
LinkedIn
GitHub
Let's talk

Contact.

Location
Padang, West Sumatera
Indonesia