Skip to content

Projects

Things I've designed and built.

A collection of my finest websites and designs, each crafted with dedication, creativity, and utmost effort.

Presyo costing app on two phones, showing a product cost breakdown and margin alerts.

Featured project · My startup

A costing tool for Filipino food and craft sellers. Know your true cost per unit, and what to charge, in minutes.

Production engineering

  • Decimal-safe costing engine written in TypeScript, so prices never drift from floating-point rounding.
  • Better Auth for sign-in, with Drizzle ORM on PostgreSQL hosted on Neon.
  • Sentry for error tracking and PostHog for product analytics.
  • Deployed on Vercel.

Stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Better Auth
  • Drizzle
  • Neon
  • Sentry
  • PostHog
  • Vercel

Web development

Web apps and sites I built, from client work to a campus booking system.

Sanjo portfolio home page with the headline Seen, shot, and cut., a short intro, and View photography and Watch films buttons.

Client project

Sanjo

A portfolio for a photographer, videographer and editor: a filterable photo gallery with a lightbox, films that play without leaving the page, and a toolkit section, in light and dark themes.

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • +2 more: Framer Motion, React Router
DotNote note-taking app in dark and light themes, showing a grid of public notes.

Web app

DotNote.

A minimalist note-taking web app with public, real-time notes and theme toggling. Fully responsive with no login required, deployed via Vercel and Render.

  • React
  • Node.js
  • Express.js
  • MongoDB
  • +1 more: Tailwind CSS
Portfolio V1 promo: a browser window showing the old site's hero, I'm Jhestin, a Web Developer with a designer's touch from the Philippines, beside a list of its features.

Personal project

Portfolio V1

My first personal portfolio, with a hero introduction, a searchable project showcase, an About Me profile and a fully responsive layout, built with plain HTML, CSS and JavaScript.

  • HTML
  • CSS
  • JavaScript
  • AOS
URS Event Booking System pages showing the campus calendar and event booking form.

University of Rizal System

URS Event Booking System

Led the development of our campus's official event booking system, enabling event reservations for student councils with conflict-free scheduling. Deployed using Vercel, Render, and Railway.

  • React
  • Node.js
  • Express.js
  • MySQL
  • +3 more: JavaScript, HTML, CSS

No longer online

UI/UX design

Interfaces I designed in Figma for team projects.

RDCHIME Inventory System screens: item management table, history log, create-item and user management dialogs.

Lead UI/UX Designer

RDCHIME Inventory System

Guided the team in crafting the interface for RDCHIME's Inventory System, covering the dashboard, item management, user management and history.

  • Figma
WeatherSense promo: two phones showing the welcome screen with Tap to Continue and a dashboard with a 29 degree temperature gauge and a 58 percent humidity gauge.

Group project, mobile UI

WeatherSense UI

My part of a group project: the UI for a mobile app that reads temperature and humidity from a DHT11 sensor.

  • Figma

Practice projects

College projects, Frontend Mentor challenges, internship exercises and a course project that built my fundamentals.

W. news homepage with a colourful 3D blocks illustration, the headline The Bright Future of Web 3.0, and a New sidebar of article teasers.

Frontend Mentor challenge

News Homepage

A Frontend Mentor challenge built with Next.js that sharpened my skills with React components and Next.js.

  • Next.js
  • React
  • JavaScript
  • +2 more: HTML, CSS
Fylo landing page with an illustration of two people filing documents into a folder, the headline All your files in one secure location, and a Get Started button.

Frontend Mentor challenge

Fylo Landing Page

A Frontend Mentor landing page I built with React to improve my knowledge of React.

  • React
  • JavaScript
  • HTML
  • +1 more: CSS
AnemoLab landing page with a Genshin Impact character standing in a dark forest.

College project

AnemoLab

Built in my 2nd year of college. Features the Anemo characters from Genshin Impact, showcasing my early passion for web development.

  • HTML
  • CSS
  • JavaScript
  • +1 more: Materialize
GWA Calculator form on a frosted glass card over a purple background, listing subjects and a Calculate Average button.

Built for my classmates

GWA Calculator

Wanting to help my classmates who struggled to compute their GWA, I made a web app that lets them calculate it more easily.

  • HTML
  • CSS
  • JavaScript
Age Calculator card with month, day and year inputs above large years, months and days results on a purple background.

Frontend Mentor challenge

Age Calculator

A Frontend Mentor challenge that calculates your age in years, months and days.

  • JavaScript
  • HTML
  • CSS
Genshin Impact 5-star characters page with element filter buttons above cards listing each character's name, element, weapon and region.

Internship exercise

Characters' Filter

Filters a list of characters by their selected element, built during my internship to improve my understanding of JavaScript array functions.

  • JavaScript
  • HTML
  • CSS
Dice Roll game: Player 1 rolled a six and Player 2 a three, with a Player 1 Wins message and a Roll Dice button.

Udemy course project

Dice Roll Web App

A 2-player web app that tests the players' luck for fun. I designed the dice in Figma; the idea came from a Udemy course I took in 2024.

  • JavaScript
  • HTML
  • CSS
  • +1 more: Figma
Testimonial page showing a quote, the reviewer's photo, and next and previous buttons.

Frontend Mentor challenge

Testimonials

A Frontend Mentor testimonial page with next, previous and shuffle controls. One of my first stepping stones as a frontend developer.

  • JavaScript
  • HTML
  • CSS
FAQ accordion on a frosted glass panel over a photo of a mountain lake with wooden rowing boats.

Frontend Mentor challenge

Accordion & Glassmorphism

An accordion challenge from Frontend Mentor that I restyled with glassmorphism and a slideshow background.

  • JavaScript
  • HTML
  • CSS
Tab component with About, Vision and Mission tabs beside a photo of a bamboo forest.

Internship exercise

Tabs

A tab component for switching between About, Vision and Mission, built as practice during my internship at AP Global IT Solutions.

  • JavaScript
  • HTML
  • CSS
Counter card showing 0 with minus, Reset and plus buttons.

Internship exercise

Counter

One of the tasks from my internship at AP Global IT Solutions, to strengthen my understanding of increment and decrement operators.

  • JavaScript
  • HTML
  • CSS