Full-Stack Developer · UI/UX Designer

I build digital products that solve real problems.

I’m Jaymar Maruji, a Computer Science student from Basilan focused on full-stack development, startup MVPs, practical systems, and clean user experiences.

144+ AmoreFrame users and counting
7+ Major systems deployed
20+ Projects built
Portrait of Jaymar Maruji

Open for internship, freelance, and collaboration

About

Developer first. Designer by practice. Builder by mindset.

I work across product planning, UI/UX, frontend development, backend logic, database design, testing, and deployment. This lets me connect product decisions with the system that ships.

My project work includes real-time applications, education platforms, AI-assisted products, IoT systems, authentication, geolocation, and desktop software. I focus on clear workflows, maintainable implementation, and useful outcomes.

Role
Full-Stack Developer
Focus
Web Apps, MVPs & System Design
Core Stack
Next.js, TypeScript, Supabase
Location
Isabela City, Basilan

What I Bring

I contribute beyond writing code.

01

End-to-end ownership

I work across design, frontend, backend, database structure, testing, and deployment.

02

Product-focused development

I study the problem, users, workflow, and expected result before implementation.

03

Design-aware engineering

My design background helps me build clearer interfaces and stronger information hierarchy.

04

Learning through real projects

I apply WebRTC, real-time sync, AI, IoT, authentication, geolocation, and databases in working systems.

Proof of Work

Built beyond the classroom.

My experience comes from shipped systems, freelance development, design work, and products built around real user and organizational problems.

117+ Users reached through AmoreFrame
6+ Major systems deployed
20+ Projects built
3+ years Graphic design experience
Next.js React TSTypeScript JavaScript Supabase PHP Java MySQL Git GitHub Figma Vercel Arduino

Tools & Frameworks

Technologies I use to design, build, and ship.

Project evidence matters more than self-rated percentages, so the stack is grouped by how I use it.

01

Frontend & Web

HTML logoHTML
CSS logoCSS
JavaScript logoJavaScript
React logoReact
Next.js logoNext.js
Node.js logoNode.js
02

Backend & Data

PHP logoPHP
Java logoJava
Python logoPython
MySQL logoMySQL
Supabase logoSupabase
XAMPP logoXAMPP
03

Design, Development Workflow & Deployment

Figma logoFigma
Canva logoCanva
Git logoGit
GitHub logoGitHub
VS Code logoVS Code
Apache NetBeans logoApache NetBeans
Vercel logoVercel
Netlify logoNetlify
Arduino logoArduino

Selected Work

Twelve projects that show how I think and build.

Real-time web, AI-assisted systems, GIS, education platforms, IoT, desktop software, and product interfaces.

View GitHub
Trashure AI circular recovery platform interface
02

Trashure

AI-Powered Circular Recovery Platform

A waste recovery platform for identifying reusable items, finding recovery options, and connecting with donation or recycling channels.

Next.jsSupabaseGemini AISustainability
View Project
Nexora OJT tracking system interface
03

Nexora

OJT Tracking System

A practicum workflow platform for attendance, progress visibility, coordination, and monitoring for students and institutions.

Next.jsReactSupabaseTypeScriptGeolocation
View Project
College Entrance Test Result System interface
04

College Entrance Test Result System

Online Results Platform

A web platform where students access and download entrance test results while administrators manage records and publishing workflows.

ReactNext.jsSupabaseOnline Results
View Project
HazeGuard AI haze awareness platform
05

HazeGuard

AI-Powered Haze Awareness & Environmental Intelligence Platform

HazeGuard is an AI-powered environmental intelligence platform designed to help users understand air quality conditions during haze and pollution events. It combines GIS technology, AQI indicators, PM2.5, and PM10 data with AI-generated recommendations to transform complex environmental information into practical safety guidance for everyday decisions.

Next.js GIS Air Quality Intelligence Gemini AI
View Project
CAFÉTA café discovery platform
06

CAFÉTA

Location-Based Café Discovery & Community Platform

CAFÉTA is a digital café discovery platform that connects customers with local cafés and hidden gems through interactive locations, café profiles, menus, reviews, and shared experiences. It helps small businesses improve their digital presence while creating a community-driven way for users to discover and support local coffee shops.

Location Intelligence Maps Community Platform Digital Business
View Project
Qorban Portal grade management interface
07

Qorban Portal

Online Grade Management System

An online grade management system built for Qorban Institute of Technology Training and Assessment Center, Inc.

Next.jsTypeScriptSupabase
View Project
BabalaBaha flood monitoring system
08

BabalaBaha

IoT-Based Flood Monitoring System

An IoT system for monitoring water levels and supporting early warnings for faster disaster response.

IoTArduinoESP32C++
View Project
Classify class notification and alert system
09

Classify

Instant Class Notification & Alert System

A school communication system for enrollment, schedules, attendance, grades, quizzes, and class cancellation alerts.

HTMLCSSJavaScriptPHP
View Project
Quizora offline quiz system
10

Quizora

Offline Quiz System with Instant Results

An offline assessment system with instant scoring, leaderboard tracking, phone connectivity, and restricted access logic.

PHPOffline SystemLeaderboardWeb App
View Project
Schoolar ANCOP scholarship system
11

Schoolar

ANCOP Scholarship System

A desktop system for organizing, monitoring, and managing scholar records within a private organization.

JavaMySQLDesktop SystemScholarship
View Project
PneuScan AI healthcare startup landing page
12

PneuScan AI

AI Healthcare Startup Landing Page

A startup landing page presenting an AI-powered healthcare concept through a focused content hierarchy and responsive interface.

Landing PageUI/UXWeb DevelopmentVercel
View Project
Build Basilan Initiative
13

Build Basilan

Community Initiative

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.

Website DevelopmentUI/UXDigitalizationCommunity-initiative
View Project

How I Work

From problem to shipped product.

01

Understand

Understand the problem, users, constraints, and expected result.

02

Design

Plan the workflow, interface hierarchy, database structure, and technical approach.

03

Build

Develop incrementally with reusable components and clear system logic.

04

Test & Ship

Test usability and functionality, fix issues, deploy, and improve from real usage.

Currently Exploring

Learning direction

  • Real-time web systems
  • WebRTC architecture
  • AI-assisted applications
  • Better backend architecture
  • Product analytics
  • Accessible UI engineering

Experience & Education

Work history, education, and applied learning.

Experience

2+ years

Freelance Developer

Built web systems and applications including Classify, BabalaBaha, AmoreFrame, Nexora, and the College Entrance Test Result System.

3+ years

Freelance Graphic Designer

Designed pubmats, posters, logos, tarpaulin layouts, and other visual materials for school organizations and individual clients.

Publication work

Junior Graphic Designer & Photojournalist

Created publication layouts and visual content for school organizations and previously served as Editor-in-Chief of Bitxus Publication.

Education

2023 – Present

Bachelor of Science in Computer Science

Basilan State College

Dean’s Lister with academic focus in software engineering, system development, UI/UX, and full-stack application development.

Academic focus

Software Engineering, UI/UX & System Development

Applying coursework through full-stack systems and user-centered digital products.

Certification

Graphic Design & Marketing

Simplilearn

Review my full work history, education details, and project summary.

Download Resume

Contact

Have a role, project, or collaboration in mind?

I’m open to internships, freelance work, collaborations, and development opportunities.