Fauzan.R — Portfolio

Muhammad Fauzan Ramadhan — Jakarta, Indonesia

FULLSTACKDEVELOPER

I build complete web products solo — from interfaces that feel alive with GSAP and Three.js, down to the Express APIs and PostgreSQL data behind them.

View selected work

Start a project

Available for freelance6°12′S / 106°49′EScroll ↓

01 / Profile

Jakarta, ID

Productsthatfeelalive.

I'm Fauzan — a fullstack developer who sweats the details most people skip: the easing of a hover, the weight of a page load, the moment a 3D scene answers your cursor.

I take products from first sketch to production on my own — pixel-perfect frontends in React and Next.js, wired to Express APIs, PostgreSQL and Supabase that make them real. Trained at Hacktiv8, now shipping fullstack apps from zero at ParagonCorp with an AI-assisted workflow, and open for freelance work with clients anywhere.

Role

Fullstack Developer

Currently

ParagonCorp

Base

Jakarta, ID — GMT+7

Education

Hacktiv8 Bootcamp

Focus

Fullstack apps, APIs & data

Status

Open for freelance

2022Writing production code since

07Projects shipped & live

15Technologies in the stack

GMT+7Jakarta — async-friendly, any timezone

Stack — spec sheet

01TypeScriptLanguage
02JavaScriptLanguage
03React JSUI Library
04Next JSFullstack
05Node.jsRuntime
06ExpressBackend / API
07PostgreSQLDatabase
08SupabaseBackend / DB
09FirebaseBackend
10Three JS3D / WebGL
11Redux ToolkitState
12Tailwind CSSStyling
13BootstrapStyling
14HTMLMarkup
15CSSStyling

02 / Selected Work

Scroll to explore — 001 → 007

Things I've shipped.

001

Alonica Hills

Luxury Property Showcase

Alonica Hills is a luxury residential property website for an exclusive housing development in Cilandak, South Jakarta. It presents the project through floor-by-floor room galleries, an interactive master site plan, and a strategic-location map with nearby malls, transport and real travel times — giving prospective buyers everything they need to explore the property before booking a private visit.

Next.js
TypeScript
TailwindCSS
React.js

Visit live site

alonica-hills.com/

002

Wedding Invitation

Interactive Digital Invite

An interactive digital wedding invitation built around a cozy, hand-illustrated living-room scene. Instead of a plain scrolling page, guests explore the room and tap illustrated objects to open each section — the bride & groom profile, the couple's love story, a photo gallery, an interactive venue map, RSVP and gift (hadiah) details, and a guest message wall — all guided by a friendly onboarding tutorial and two animated cat mascots, Haku & Kuma.

React.js
TypeScript
TailwindCSS

Visit live site

wedding-inv-psi.vercel.app/

003

RoomCraft

3D Room Designer

RoomCraft is an innovative platform that simplifies room planning and interior design in a 3D environment. With interactive features like furniture selection, position adjustments, and real-time design visualization, users can effortlessly create their dream spaces without needing professional design skills.

React.js
TailwindCSS
Javascript
Threejs

Visit live site

room-craft-three.vercel.app/

004

NewsAcquire

Real-Time News Aggregator

NewsAcquire is an advanced news aggregation platform that delivers the latest news from multiple sources in real-time. It provides users with a comprehensive and up-to-date view of current events, ensuring they never miss a story.

Next.js
TailwindCSS
TypeScript
DaisyUI

Visit live site

news-acquire.vercel.app/

005

OfficeNest

Your One-Stop Shop for Office & Stationary Essentials

OfficeNest is a comprehensive e-commerce platform that offers a wide range of stationery and office tools. From pens and notebooks to office furniture and electronics, OfficeNest provides everything you need to keep your workspace well-equipped and efficient.

React.js
TailwindCSS
Javascript
Redux

Visit live site

react-phase2-fauzan.web.app/client/

006

PokéVerse

Your Ultimate Guide to the World of Pokémon

PokéVerse is a feature-rich Pokédex web app that provides detailed information on every Pokémon, including stats, abilities, evolutions, and more. Whether you're a casual fan or a dedicated trainer, PokéVerse makes exploring the Pokémon world easy and interactive.

React.js
Bootstrap
Javascript
React Bootstrap

Visit live site

react-pokeverse-fkr.web.app/

007

MovieTime

Your Ultimate Movie Database

MovieTime is a dynamic movie discovery platform that lets users explore a vast collection of films, from the latest blockbusters to timeless classics. With detailed information on cast, genres, ratings, and many more, MovieTime is the perfect destination for movie enthusiasts.

React.js
Bootstrap
Javascript

Visit live site

react-movie-time.web.app/

03 / Experience

2022 — Now

WhereI'veworked.

Present

ParagonCorp

Fullstack Developer

Building and shipping web products end to end, solo — from React/Next.js interfaces down to Express APIs and PostgreSQL/Supabase data, going from zero to production fast with an AI-assisted engineering workflow.

Sep 2024 — Jan 2025

Hacktiv8 Bootcamp

Frontend Developer

Intensive training in modern frontend development — React, JavaScript and CSS — shipping multiple projects under real deadlines while sharpening teamwork and problem-solving.

Jan 2022 — Jul 2022

PT Integra Solusi

Software Developer Intern

Developed an internal mobile app to improve company operations — architecture, feature implementation and testing, hands-on from start to finish.

04 / Services

Freelance — open

WhatIcanbuildforyou.

Fullstack web apps

Dashboards, e-commerce and internal tools — React/Next.js interfaces wired to my own Express APIs, auth and PostgreSQL data. One developer, from first sketch to production.

Next.js · Express · PostgreSQL

APIs, auth & databases

REST APIs, authentication and data modelling with Node.js and Express on PostgreSQL — or shipped fast on Supabase and Firebase when speed matters.

Node.js · Express · Supabase

Websites & landing pages

Marketing sites, portfolios and campaign pages built with Next.js — fast, responsive and SEO-ready from day one.

Next.js · Tailwind · Vercel

3D & motion experiences

Three.js scenes, GSAP animation and micro-interactions that make a product feel alive — like this page.

Three.js · GSAP · R3F

05 / Contact

HAVE A PROJECTIN MIND?

Tell me what you're building — a landing page, a fullstack web app or a 3D experience. I usually reply within 24 hours.

Available for freelance — Jakarta, Indonesia

Local time — --:--:-- WIB