I build practical web products from idea to deployment.
Frontend · Backend · Database · Authentication · UI/UX · Product Development
I am a full-stack developer with a strong interest in UI/UX and product development.
I enjoy taking a real problem, understanding how people deal with it today, designing a better flow, and building the system that makes that flow work.
My goal: build software that is useful, clear, reliable, and ready for real users.
Understand → Design → Build → Test → Deploy → Improve
|
Jaymar Maruji |
Full-Stack Developer |
|
Next.js · TypeScript |
Full-Stack Engineering |
|
Web Applications · Business Systems |
Full-Stack · Front-End |
Next.js · React · TypeScript · Tailwind CSS · Supabase · PostgreSQL
Node.js · MySQL · PHP · Python · Java
Figma · Git · GitHub · VS Code · Vercel
I build across the full product stack — from the interface users see to the data, logic, and workflows behind it.
|
Interfaces that are clear, responsive, and usable.
|
Application logic that keeps products working securely. • Authentication and sessions • Authorization and permissions • CRUD workflows • Server-side logic • API integrations • Protected routes and actions |
|
Structured data that supports real product workflows. • Relational data modeling |
Turning requirements into simple user experiences. • User flows |
Selected work that shows how I approach real products, real users, full-stack engineering, and product ownership.
AmoreFrame is a virtual photobooth experience that lets users capture, customize, and download digital photostrips directly from the browser.
It supports Solo Mode and Dual Mode, allowing two people to create synchronized photo sessions together even when they are apart.
137+ users and counting
Dual Mode with real-time synchronization
Guided camera countdown and photo capture
Custom photostrips, themes, filters, and captions
Google authentication
Private shared sessions
Browser-based camera experience
Responsive desktop and mobile interface
AmoreFrame shows my ability to build beyond standard CRUD applications by working with camera APIs, real-time interaction, authentication, WebRTC-style experiences, UI state, and user-focused product design.
Stack: Next.js · TypeScript · Supabase · Google Auth · WebRTC · Tailwind CSS
CAFÉTA is a local discovery platform built to make it easier for people to find cafés and milk tea shops across Basilan while giving local businesses a stronger digital presence.
Users can explore businesses, menus, reviews, community content, and other information from one structured experience.
Map-based café and business discovery
Business profiles and operating information
Digital menu management
Reviews and saved businesses
Community Memories
Likes, comments, and replies
User and business onboarding
Business-owner management tools
Authentication and authorization
PostgreSQL relational data structure
Supabase Row Level Security
CAFÉTA demonstrates how I approach a multi-sided product serving both customers and businesses while handling user-generated content, permissions, relational data, discovery, and business workflows.
Stack: Next.js · React · TypeScript · Supabase · PostgreSQL · Tailwind CSS
Trashure helps users identify reusable or recyclable materials and guides them toward the best next action:
Recycle · Sell · Donate · Reuse
The platform connects residents, recyclers, organizations, and recovery workflows into one structured system.
AI-assisted material identification
User confirmation before classification
Recovery recommendations
Recycler workflows
Multi-role user experiences
Material and recovery records
Monitoring dashboards
Structured database relationships
Authentication and access control
Trashure shows my ability to combine AI with structured product workflows instead of using AI as a standalone feature.
It connects AI output → user validation → database records → real actions.
Stack: Next.js · TypeScript · Supabase · PostgreSQL · Gemini AI
Nexora helps students and institutions manage OJT attendance, progress, verification, and administrative monitoring through one centralized platform.
Instead of relying only on manual logs, the system connects attendance with location and supporting evidence.
4 Role-based: Administrator, Student, Adviser, & Critic
Role-based permissions
Time in / time out
GPS-based location verification
Photo evidence
Daily activity logging
OJT progress tracking
Reports and analytics
Submission approval workflows
Cloud file storage
Nexora demonstrates my ability to build workflow-heavy systems where data needs to be reliable, traceable, and protected based on user roles.
Stack: Next.js · React · TypeScript · Supabase · Geolocation API · Tailwind CSS
Build Basilan is an initiative I founded to help NGOs, youth organizations, and community groups in Basilan build stronger digital identities.
The goal is to use my development and design skills not only for products, but also to help organizations doing meaningful work become easier to discover, understand, and support online.
Organization websites
Responsive and accessible interfaces
Organization profiles
Programs and project showcases
Galleries and storytelling sections
Contact and inquiry experiences
Design systems and visual direction
Deployment and technical implementation
Community-focused digital strategy
Build Basilan shows initiative, leadership, ownership, communication, product thinking, and the ability to apply technology to real community needs.
Technology should not only serve businesses. It should also help communities be seen.
Stack: Next.js · TypeScript · Tailwind CSS · shadcn/ui · Vercel
I do more than implement screens. I think about the complete feature, the user using it, and the system supporting it.
|
I can work across a feature from requirements and UI to backend logic, database, authentication, testing, and deployment. • Understand the requirement |
I try to understand why a feature exists, not only how to code it. • Who is the user? |
|
I care about the parts users may never see but depend on every day. • Authentication |
My UI/UX background helps me build interfaces that are clear, responsive, and technically practical. • Information hierarchy |
I approach development as a problem-solving and delivery process, not just a list of coding tasks.
|
01 User |
02 User Flow |
03 Frontend |
04 Testing |
05 Deploy |
I aim to leave a feature in a state where another developer can understand it, maintain it, and continue improving it.
That means thinking beyond the happy path — including permissions, errors, mobile behavior, data integrity, and real user workflows.
Beyond my featured products, I have built systems around public safety, education, finance, government workflows, and digital services.
View additional projects
|
Scholarship Management |
Turning a complicated scholarship process into one organized workflow. Built to manage applications, requirements, applicant records, status tracking, review, and administrative decisions in one system. |
|
Instant Class Cancellation & Alert System |
Helping students and faculty receive class cancellation updates faster and more clearly. Classify gives schools a more organized way to send timely class announcements, class-specific alerts, and schedule updates so students and faculty do not have to rely on scattered messages or word of mouth. |
|
Real-Time Monitoring System |
Connecting physical sensor data with a digital monitoring experience. An IoT-based system focused on water-level monitoring, real-time readings, threshold detection, and flood-risk visibility for community and disaster-response use cases. |
|
Education Technology |
Making digital assessments usable even when internet access is unreliable. Built around offline-first quiz taking, assessment workflows, scoring, and classroom usability for environments where continuous connectivity cannot be assumed. |
|
Personal Finance |
Making everyday money decisions easier to see and manage. A personal finance application for tracking income, expenses, spending activity, and budget progress through a simple and understandable interface. |
I believe the best way to grow as a developer is to keep building beyond what I already know.
Web → Mobile |
Turning my Next.js web applications into iOS and Android experiences. I am currently learning how to take products I already build for the web and make them available as mobile applications for both iOS and Android. My focus includes: • Existing Next.js applications The goal is to become more capable of taking one product idea and delivering it across web, iOS, and Android. |
I am looking for opportunities where I can build real products, contribute meaningful features, and continue growing as an engineer.
Full-Stack Developer · Front-End Developer · Software Developer · Product Engineer
SaaS · Website Development · Web Applications · AI Products · Business Systems · Thesis/Capstone Projects · Community Technology
|
• Build features people actually use |
• Work with developers and designers |
|
• Take responsibility for features |
• Improve production-level skills |
I am open to full-time, freelance, project-based, and collaborative development opportunities where I can contribute real value while continuing to grow.
If you are looking for a developer who can think across product, UI/UX, frontend, backend, database, and deployment, I would be glad to talk.
Explore my work, review the products I have built, or connect with me directly below.
