Portfolio
German Bistro
A modern and responsive website for a restaurant, showcasing their menu, ambiance, and allowing for online reservations. Built with a focus on user experience and mobile-first design.
- Online menu display with categories.
- Image gallery for restaurant ambiance.
- Chat integration.
- Mobile-responsive and SEO-friendly design.
Final Option Beach Resort
A visually appealing website for a beach resort, highlighting accommodations, amenities, and activities. The site is designed to attract tourists and facilitate online bookings.
- Showcase of rooms and amenities.
- Booking engine integration.
- Photo and video galleries.
- Activities and local attractions guide.
Job Application Tracker
Full-stack job application tracker centralizing postings, applications, interviews, and follow-ups for power users.
- Configurable application pipeline (Interested → Applied → Interviewing → Offer).
- Notes, attachments (resumes/cover letters), and scheduled follow-ups.
- Interview rounds, assessment records, feedback, and automated reminders.
- Bulk import, advanced search/filters, scraping/capture, and automation (re-indexing, reminders, exports).
- Dashboard analytics, RBAC for teams, and calendar/email integrations.
Invoice Generator
Invoice Generator is a lightweight, client-side Next.js app for creating professional, printable invoices quickly. Built with TypeScript and Tailwind (MVC structure, no backend), it produces editable, PDF-ready invoice previews and uses sensible defaults for the Philippines while remaining easy to adapt for other countries.
- Generate polished invoices with company/client details, line items, taxes, discounts, and totals.
- Client-side only — runs fully in the browser with local export options (PDF/JSON).
- Tailwind-driven customizable templates and editable company/regional defaults (PH-focused).
- Accurate currency and tax calculations, per-line logic, discounts, and rounding for reliable totals.
- Print-ready preview and easy export/share options for invoicing workflows.
Narra Hotel
Narra Hotel is a modern, responsive hotel website built with a Node.js and Express backend and EJS templating to deliver server-rendered pages. It showcases rooms, dining menus, facilities, and events with reusable partials and component-driven views, combines SCSS-driven styling with Bootstrap for layout and responsiveness, and integrates third-party UI and utility libraries to provide polished animations, galleries, and filtered content.
- Node.js + Express backend with EJS componentized templates and partials.
- SCSS + Bootstrap for maintainable styling and responsive layouts.
- AOS, Glightbox, Isotope + imagesLoaded, and PureCounter for polished UX interactions.
- Organized public assets, vendor scripts, and route-driven content injection for easy updates.
- Production-ready structure suitable for Heroku, Vercel (Node), or VPS deployments.
Trip Reservation
Trip Reservation is a modern, production-ready travel booking web application combining a fast Next.js frontend with a Node.js/Express backend and Microsoft SQL Server for transactional reservations and content management.
- Next.js + React frontend with SSR and SASS + Bootstrap for responsive UI.
- Node.js + Express RESTful APIs for auth, bookings, and booking flows.
- Microsoft SQL Server for relational data and connect-mssql-v2 session storage.
- Production-ready tooling: Docker/docker-compose, winston logging, dotenv configuration.
- MDX-driven blog/content, ESLint, and build/dev scripts for a solid developer experience.
Filipino Cuisine Restaurant
Filipino Cuisine Restaurant is a responsive, server-rendered Node.js + Express application that showcases a full restaurant website and navigable menu system. Built with EJS templates, SCSS, and Bootstrap plus progressive front-end enhancements (AOS, Glightbox), it produces fast, accessible, and easily maintainable pages for menus, specials, events, and contact flows.
- SEO-friendly server-rendered pages with Node.js + Express and EJS templates.
- Organized menu system with dynamic categories and reusable components.
- SCSS + Bootstrap for responsive, accessible UI and maintainable styles.
- AOS and Glightbox for animations and gallery lightboxes.
- Production-ready asset pipeline and clear routing for easy extension or CMS integration.
MP4 & MP3 Downloader
MP4 & MP3 Downloader is a lightweight Flask-based web app for converting and downloading YouTube videos as high-quality MP4 or MP3 files. Built with Python, Flask, yt-dlp, and FFmpeg (simple server-side MVC-like structure), it provides a minimal UI and robust download engine. It is also offered as a Progressive Web App (PWA), easily installable on mobile and desktop for quick access.
- Convert and download YouTube URLs to MP4 video or MP3 audio with one click.
- Progressive Web App (PWA) — installable on mobile and desktop for quick access.
- Server-side stack: Python + Flask, yt-dlp, and FFmpeg for merging and encoding.
- Robust download engine with retry/fragment retries, custom headers, and JS runtime detection to reduce 403/SABR issues.
- Local file management with organized movies/mp3 folders and recent-file listing with direct download/stream links.
- Small, readable codebase with clear error reporting — easy to extend for auth, rate-limiting, or cloud storage.
