Portfolio | Faishal Hanif

Portfolio

QuickDef Chrome Extension (Solo Project)

AI dictionary for English learners that works on PDFs and web pages. Double-click words for simple meanings. This is my first chrome extension project as a solo developer.

React, Express, OpenAI, Xendit, Polar.sh, Supabase

Dreamcation (via Rave Tech Pte. Ltd.)

Tour booking platform for Dreamcation, Singapore's leading Muslim travel agency specializing in cruises and halal-friendly holidays. Built a responsive browsing experience with dynamic tour search and filtering, and designed the Sanity CMS content schema from scratch to match the agency's catalog structure.

NextJS, SanityCMS

TravelStar (via Rave Tech Pte. Ltd.)

Full-featured travel website for TravelStar, a Singapore-based agency offering group and customized tour packages. Developed a responsive UI with transactional email via Resend, and independently mapped out the Sanity CMS schema to reflect real business content types and editorial workflows.

NextJS, SanityCMS, Resend

NewStar Travel (via Rave Tech Pte. Ltd.)

Marketing and e-commerce website for New Star Travel, a Singapore-based agency covering holiday packages across Asia and beyond. Delivered a conversion-focused frontend and took ownership of the Sanity CMS schema design, structuring content fields around the agency's booking and merchandising needs.

NextJS, SanityCMS

Sion Academy (Freelance)

Website and Course Platform for Sion Academy, hair salon training school. It has a payment gateway integration and a course management system using PayloadCMS.

NextJS, PayloadCMS, Xendit, MongoDB

Usertip Builder Chrome Extension

A no-code onboarding builder that lets teams design, customize, and publish in-app user guides in minutes. Built to remove engineering bottlenecks while keeping onboarding fully aligned with the product`s UI.

React, Redux Toolkit, RTK Query, Express, Node.js, MongoDB

SinarPay (via PT. Teknologi Digital Terdepan)

Full-featured payment gateway platform for Indonesian businesses. Developed comprehensive landing pages, admin dashboard, and user dashboard to facilitate seamless payment processing and business growth.

NextJS, TailwindCSS, React Query

Roketin Website (via Roketin)

Corporate website for Roketin, a Bandung-based software company. Led frontend development including UI implementation, API integration, theme switching (dark/light mode), and blog functionality.

NextJS, TailwindCSS, Strapi

MyLink (via PT. Teknologi Digital Terdepan)

Bio link and web page builder platform designed to streamline online business operations. Developed marketing website with integrated blog functionality while the core application continues active development.

NextJS, TailwindCSS, React Query

Pokemon Catcher App

Full-stack Pokémon Catcher application featuring an interactive dashboard with database integration. Implements probability-based catch mechanics that vary by Ball Type. Demo credentials - Username: opeth | Password: 12345

NextJS, TailwindCSS, MongoDB, Redux Toolkit, RTK Query