4Dev · Manila · PH
4Dev is a web development studio focused on custom websites, web apps, and brand-ready digital experiences. We build with intention, strong UX, and code that scales beyond launch.
4Dev started as a startup studio built around one idea: help ambitious teams launch digital products with speed, clarity, and craftsmanship. We don't ship templates — we deliver polished, scalable web experiences backed by modern development practices.
Today we partner with founders, event organizers, and local businesses to create landing pages, platforms, and systems that feel intentional at every interaction. From branded web presence to application workflows, we move fast without sacrificing quality.
A mix of client-style sites and self-directed systems — each one built and shipped solo, front to back.
A cinematic, responsive digital experience combining refined typography, immersive motion, and polished interactions across desktop and mobile.
Visit site →A sophisticated, high-end e-commerce and brand concept landing page built for a fictional luxury watchmaker. Designed with an emphasis on high-end aesthetics, minimalism, and immersive typography, the site mirrors the elegance of traditional Swiss watchmaking through responsive layouts, smooth grid structures, and curated visual storytelling.
Visit site →Full-stack marketplace connecting students with teachers. Accounts, bookings, transactions, and real-time notifications.
Visit site →A web-based IDE for a custom DSL (domain-specific language) that lets you write structured, multi-page notebooks (pages/sections/notes) and export them as formatted PDF or Markdown. Has a live compile pipeline with an explainability panel (lexer → parser → semantic analysis steps). Frontend: Next.js 16, TypeScript, Tailwind v4, CodeMirror editor Backend: Python + FastAPI (custom compiler: lexer/parser/semantics/renderer)
Visit site →Premium footwear e-commerce for the Philippine market. Product browsing, cart, secure orders, inventory, and admin CRUD.
Visit site →Deepfake video detection with multi-layered verification: metadata, AI, physics. Explainable verdicts with SHAP, Grad-CAM, DCT heatmaps, and temporal attention.
Visit site →Real-time AI assistant inspired by Iron Man. Live voice pipelines, speech processing, and conversational experience.
Contact me →The tools we reach for most, grouped by where they earn their place.
Every build follows the same three moves, whether it's a five-page site or a voice pipeline.
Understand the real problem
What the site or system needs to do, who it's for, and what "done" actually looks like — before any code gets written.
Hand-code every layer
Semantic markup, clean architecture, and only the dependencies that earn their place. No bloat carried in by a template.
Test it like a user would
Cross-device checks, real requests against the API, and a final pass for speed, SEO, and edge cases before it ships.
