← IndexArchive / All projects[ 12 ] Total

Everything,
shipped.

Every project I've built and published from featured SaaS work down to the weekend experiments that taught me the craft.

Featured04 pieces
Muted · loops
Showcase film · made in code with Remotion, music from Pixabay

Revap

A reviewer for your own questions. You bring the questions, Revap turns them into a quiz: shuffled, timed, and answered out loud if you want. Import from CSV, Excel, text, JSON, Word or PDF, review in practice or exam mode, and drill from the terminal with the revap CLI, which also runs as an MCP server for Claude Code. AI grading of open answers is still in progress.

Next.jsReactTypeScriptTailwind CSSSupabaseZodMCP SDKRemotionClaude Code
Live demo ↗
Screens
Mebondsi on a laptop, a desktop monitor and a phone. The laptop shows the Assembly view: a 3D copper lattice of 54 ions in a sea of free electrons, with metal and crystal structure pickers and a timeline. The monitor compares metallic copper with ionic NaCl.
Assembly, Properties and Compare views on laptop, desktop and phone

Mebondsi

Mebondsi: Interactive 3D simulation that visualizes metallic bonding, crystal structures, and electron behavior to simplify complex chemistry concepts.

Next.jsTailwind CSSThree.jsTypescript
Live demo ↗
Screens
Nimelist on a desktop, a laptop and a phone. The desktop and phone show the detail page for Chainsaw Man: The Movie, Reze Arc with its synopsis, stats and trailer. The laptop shows the home page with a Monster banner and a Trending row of anime posters.
Detail page, home and trending on desktop, laptop and phone

Nimelist

An anime website where users can browse trending and recommended titles, search for specific anime, and view full details on a dedicated page. It also lets users save anime to a personal list.

Next.jsTailwindTypeScriptKitsu API
Live demo ↗Source ↗
Screens
Trakis on a desktop, a laptop and a phone. The desktop shows the March 2026 calendar with a 12-day streak and tagged workouts, the laptop shows workout volume and body weight trend charts, and the phone shows the Add Entry form.
Calendar, charts and entry form on desktop, laptop and phone

Trakis

A full-stack fitness app for logging workouts, tracking daily walking and gym sessions on a calendar, monitoring streaks, and visualizing progress with charts. Users can import/export data, share shareable workout cards, and get a year-in-review Wrapped summary.

Next.jsTailwindTypeScriptSupabaseClaude Code
Live demo ↗
Other experiments08 pieces
Quizap - A trivia quiz app with leaderboard and score tracking.

Quizap

A trivia quiz app where players can test their knowledge across various categories and difficulties. Features anonymous authentication, score tracking with a points multiplier system, and a real-time leaderboard.

Next.jsTailwind CSSSupabaseTypescriptStitch GoogleReact Query
Live demo ↗Source ↗
Where in the world project that can be used to search for a country.

Where in the World?

A website where you can search and view countries details on the Map. Frontpage design is inspired on FrontendMentor.io

Next.jsTypeScriptMUILeaflet Map APIRestCountries API
Live demo ↗Source ↗
Backend server for a social media platform where users can share their thoughts.

Wordsoff Server

A backend API built with Node.js, Express, and TypeScript for a social media platform where users can post and share thoughts. It integrates MongoDB via Mongoose for data persistence, Cloudinary for media storage, and JWT authentication for secure access.

Node.jsExpressTypeScriptMongoDBMongooseCloudinaryJWT Authentication
Source ↗
Image of Tictactoe game built with MERN stack and nextjs

Tictactoe Game

A full-stack tic tac toe game built with MERN stack. I developed this game to experience full integration through UI and API development.

Node.jsExpressMaterial UINext.jsTypeScriptMongoDB
Source ↗
A netflix clone website using TMDB api that tracks the trending, upcoming, latest, and top-rated movies.

MovieList

A netflix clone website using TMDB api that tracks the trending, upcoming, latest, and top-rated movies.

HTMLCSSJavaScriptTMDB API
Source ↗
A simple web application that computes the mass of an object in a specific planet in the solar system.

Object Mass Calculator

A simple web application that computes the mass of an object in a specific planet in the solar system.

HTMLCSSJavaScript
Live demo ↗Source ↗
A to-do list web application with CRUD feature using JavaScript ES6 and localStorage.

Todo list

A to-do list web application with CRUD feature using JavaScript ES6 and localStorage.

HTMLCSSJavaScript
Live demo ↗Source ↗
A simple random password generator from Frontendmentor.io challenge that can be used to generate secure passwords.

Random Password Generator

A simple random password generator from Frontendmentor.io challenge that can be used to generate secure passwords.

HTMLCSSJavaScript
Live demo ↗Source ↗
What's next

Let's buildsomething.

GitHub ↗LinkedIn ↗Email ↗Resume ↗
Response < 24h · Manila GMT+8