Loading assetsLakan Santos
00
Portfolio / 2026Mnl → World

LakanSantos

Full-Stack AI/Software Engineer
About

I'm Lakan, a full‑stack developer with three years solving real‑world problems across e‑commerce, certification, and AI.

My path into web development began in 2022 with a simple side‑project, a custom listing app to keep track of the things I wanted to buy. Building it pulled me into HTML, Javascript and CSS and explored more about in web development.

Three years on, I worked on multi-tenant Saas platforms, and e-commerce websites using Next.js, React, Typescript, Supabase, and MongoDB. Building UIs and APIs, and shipping production work for real teams and users.

03+Years shipping
12+Production apps
GMT+8Manila based
Tech Stack
Frontend
JavaScriptTypeScriptReactNext.jsTailwind CSSMaterial UI
Backend
Node.jsExpressMongoDBSupabase
Tooling & AI
GitClaude Code
Experience
January 2026Present
Boomering Inc.Work
Full-Stack Web Developer (AI-assisted)
  • Architected an AI-augmented workflow with Claude Code on a multi-tenant SaaS platform using MERN, Supabase, and PostgreSQL, streamlining feature implementation.
  • Delivered features and resolved critical bugs across finance, CRM, contracts, VAT, and procurement modules in a Next.js 15 / Supabase environment.
  • Implemented a UAE FTA-compliant VAT module and established QA processes with testing guides, documentation, and TODO tracking to ensure reliability.
September 2024October 2025
Four13 GroupWork
Full-Stack Web Developer
  • Develop and maintain e-commerce websites for mid-market brands.
  • Implement data and database technologies for website functionality.
  • Engage in daily communication with diverse teams comprising developers, designers, and clients from various disciplines.
  • Work with different programming languages, e-commerce and different platforms such as NextJS, Javascript, Jquery, MongoDB, BigCommerce, and CimCloud.
March 2023September 2024
IThinkWebWork
Junior Frontend Developer · (now QualityTrade Asia)
  • Write modern, maintainable and scalable code to implement products and solutions to different user and infrastructure problems.
  • Work with various programming languages and UI libraries such as React, Typescript, Next.js, JavaScript, Reactstrap, and MUI.
  • Engage in daily communication with diverse teams comprising developers, designers, and producers from various disciplines.

Selected Work

Film · 6 screens

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. I built it to drill my own interview and study questions.

Stack
Next.js 16 · React 19 · Supabase · Tailwind 4 · Remotion
Also
revap CLI + MCP server for Claude Code
Visit live ↗
Muted · loops
Showcase film · made in code with Remotion, music from Pixabay
Screens

Mebondsi

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

Stack
Next.js · Three.js · TypeScript · Tailwind
Status
Live
Visit live ↗
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
Screens

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. It also has import/export, shareable workout cards and a Year-in-Review summary.

Stack
Next.js · Supabase · TypeScript · Tailwind
Built with
Claude Code
Status
Live
Visit live ↗
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
Screens

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.

Stack
Next.js · TypeScript · Tailwind · Kitsu API
Status
Live
Visit live ↗
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
See all projects ↗
What's next

Let's buildsomething.

Response < 24h · Manila GMT+8