PROJECTS

React / Vite / TypeScript

A full-stack exam generation platform for Indonesian elementary teachers, turning one topic prompt into print-ready A4 exam sheets with answer keys, explanations, curriculum grounding, and review workflows.

React · Vite · TypeScript · Hono · Effect-TS · Drizzle · PostgreSQL · better-auth · Docker · Caddy

HTML / CSS / JavaScript

A cinematic single-page countdown for International Workers' Day 2026, combining a full-screen visual treatment, animated countdown state, Three.js particles, GSAP motion, and music controls.

HTML · CSS · JavaScript · Three.js · GSAP

TypeScript / React / tsdown

A production-ready React hooks library for React 18 and 19, offering typed, tree-shakeable hooks, documentation, examples, and a migration path from usehooks-ts.

TypeScript · React · tsdown · Changesets · TypeDoc · GitHub Actions · ESLint · Prettier

Tauri / Rust / Svelte

A native macOS fan control utility built with Tauri, Rust, and Svelte, providing temperature monitoring, fan-speed modes, presets, and thermal safety controls.

Tauri · Rust · Svelte · TypeScript · Vite · Tailwind CSS

Next.js / React / TypeScript

A presentation deck about AI-generated code quality, engineering guardrails, and practical workflows for shipping AI-assisted software into production with less risk.

Next.js · React · TypeScript · Tailwind CSS · Framer Motion

Python / FastAPI / PostgreSQL

A high-performance FastAPI backend for Indonesian food price data with efficient data ingestion pipeline, PostgreSQL caching layer, and clean architecture. Built to process and serve structured commodity price data at scale.

Python · FastAPI · PostgreSQL · SQLAlchemy · Pydantic · Alembic · APScheduler · Docker · Caddy

React 18 / Vite / TypeScript

A full-stack civic engagement platform enabling citizens to report road damage, built from scratch with React, Hono, PostgreSQL, and PostGIS. Designed to centralize community reports and amplify citizen voices through social media virality.

React 18 · Vite · TypeScript · Hono · PostgreSQL · PostGIS · Cloudflare R2 · Tailwind CSS · Firebase Auth · Docker · Caddy

React / Next.js / Loxo API

Industry Talent is a cutting-edge job listing and application platform that streamlines the hiring process by leveraging powerful integrations and a responsive design. Utilizing Loxos robust recruitment software and EmailJSs seamless email integration, the platform offers an intuitive user experience for both job seekers and employers.

React · Next.js · Loxo API · EmailJS · TypeScript

Next.js / React / TypeScript

Developed the Duwork Studio landing page with TypeScript and React/Next.js, enhancing user engagement by 40% through dynamic content and innovative design.

Next.js · React · TypeScript · Tailwind CSS

React / Next.js / Google Sheets API

This landing page serves as a digital storefront for an Illustration Agency, designed to enhance outreach and client engagement. The site integrates with Google Sheets to efficiently collect and manage contact data, ensuring a seamless lead generation process.

React · Next.js · Google Sheets API · Tailwind CSS

Next.js / TypeScript / Supabase

Guided a comprehensive NextJS workshop, covering the journey from RFC to release documentation. Empowered participants to build a project from the ground up using a robust tech stack that includes NextJS, TypeScript, Supabase, SteinsJS, and TanStack.

Next.js · TypeScript · Supabase · TanStack · SteinsJS

Next.js / React / TypeScript

Celebrating its 7th year, Inagata Technosmiths landing page is designed to elevate your digital experience. Specializing in website and mobile development, as well as visual design, the site showcases a rich portfolio, a dedicated team, and a glimpse into the Inagata ecosystem.

Next.js · React · TypeScript · Tailwind CSS

Next.js / React / TypeScript

Logos Festival, organized by Logos NGO, is an inclusive educational event emphasizing the theme of Justice. Running from November 3rd to December 4th, it offers a series of lectures and discussions through Justice Bootcamp and Justice Talks, featuring expert academicians and international thinkers focused on justice and political philosophy.

Next.js · React · TypeScript · Tailwind CSS

Next.js / React / TypeScript

This landing page represents a vibrant showcase for a digital agency, highlighting their portfolio and team. Designed to impress and attract potential clients, it utilizes NextJS for fast, server-side rendering and seamless user experiences.

Next.js · React · TypeScript · Tailwind CSS

Next.js / Leaflet / React

This project demonstrates integrating Leaflet with NextJS for creating interactive maps. It serves as a practical example for the tutorial series on blog.cerita-faldi.xyz.

Next.js · Leaflet · React · TypeScript · GeoJSON

React / Redux Toolkit / Vite

Led an in-depth Frontend mentoring program, navigating the complete development lifecycle from conceptualization to deployment. Enabled participants to construct a fully-functional application from the ground up, utilizing a cutting-edge tech stack comprising Vite, React, and Redux Toolkit.

React · Redux Toolkit · Vite · JavaScript

Slate.js / React / TypeScript

Slate JS Editor is an editable rich text editor that surpasses the capabilities of a standard textarea. It allows users to perform rich text editing functions, such as making text bold or adding semantically rendered block quotes. The editor provides a user-friendly platform to experiment with text styling and formatting in real-time.

Slate.js · React · TypeScript · Tailwind CSS