An internal workforce system. Employees log production tasks in and out, while leads manage teams, audit output and run productivity reports. Built during my internship (2021–2022).
My role
Development lead (intern)
Team process
Code reviews & sprint planning
What I did
Built employee-management screens in React and Redux, and improved project, task, task-set and assignment screens
Built Django REST APIs and PostgreSQL models for employee records, imports and movement history
Added employee Excel import with validation, plus employee movement history
Encrypted employee phone numbers and added database indexes
How it works · the whole project, not only my part
01 Set upClients, projects and production tasks, grouped into task sets
02 AssignLeads and supervisors assign task sets to their teams
03 LogEmployees task in and task out as they work
04 ReviewLeads audit output and track productivity on chart dashboards
Admin dashboard I built: job-fair analytics with event and day filters. Local build with demo data.
Public homepage: the job-search and job-fair platform I worked on.
A public job-fair page; I built the walk-in registration flow.
01Job-search & virtual job-fair platform
JobQuest.ph
Previewing
A platform connecting jobseekers and employers through online and onsite job fairs.
My role
Frontend-first, with backend updates
Tested with
Playwright end-to-end and Vitest unit tests
What I did
Built Next.js/TypeScript analytics dashboards with filters and trend views
Built walk-in registration interfaces for job-fair events
Connected frontend workflows to Laravel event-job APIs
Added Playwright end-to-end tests
How it works · the whole project, not only my part
01 JobseekersSearch jobs and register for online or onsite job fairs
02 EmployersRun fair booths, post jobs and review applicants
03 AdminsManage events, analytics and reports
04 PlatformNext.js 16 on a Laravel 13 API, with live messaging and private file storage
Stack · the whole project
Next.js 16
TypeScript
Tailwind CSS
TanStack Query
Laravel 13
MySQL
Redis
Laravel Reverb
S3 storage
Docker
Playwright
TSST · bilingual exam procedures (local build)
TSST · sign-in (local build)
Local build of the bilingual exam-procedures screen.
Bilingual sign-in screen, local build.
02Spoken-assessment web system
TSST
Previewing
A web system for recorded spoken assessments, with a Next.js frontend and a FastAPI backend.
My role
Web + API contributor
Tested with
Playwright browser and Vitest unit tests
What I did
Accessible bilingual controls and interruption-recovery guidance
Browser and unit regression tests for those flows
Hardened FastAPI upload, audio-conversion and sign-in limits
Contributed technical documentation
How it works · the whole project, not only my part
01 Check inSign-in, guidelines, device checks and a voice-ID recording
02 AssessOne continuous ten-question session with protected question audio
03 ConvertThe FastAPI service converts each browser recording to WAV with FFmpeg
04 StoreRecordings go to the legacy TSST MySQL database and recording share
Stack · the whole project
Next.js 16
TypeScript
Tailwind CSS
FastAPI
SQLAlchemy
MySQL
FFmpeg
Docker Compose
Playwright
Spectre · cross-repo run findings (local build)
Spectre · diagrams (local build)
Architecture diagrams generated for the demo run.
03AI-assisted code auditing
Spectre
Previewing
A multi-agent platform that audits connected repositories across engineering domains.
My role
Analysis-engine contributor
Tested with
pytest backend and Vitest frontend tests
What I did
Cross-repo API-contract checks that catch field mismatches
Naming-convention handling backed by regression tests
Built a multi-agent documentation orchestrator on the Anthropic API: a planning agent runs parallel specialists
Clearer architecture and coverage reports
How it works · the whole project, not only my part
01 IngestRepositories arrive by ZIP upload, Git clone or GitHub App
02 QueueA worker claims durable work items from PostgreSQL; Redis coordinates
03 AnalyseAn orchestrator runs 7 specialist agents, from security to docs
04 VerifyA verifier re-checks candidate findings against the source with code-retrieval tools
Stack · the whole project
Next.js 16
TypeScript
Tailwind CSS
FastAPI
SQLAlchemy
PostgreSQL
Redis
Pydantic AI
Anthropic API
tree-sitter
Docker
ADEC Workforce · employee management (demo data)
04Internship · full-stack
ADEC Workforce Management System
Previewing
An internal workforce system. Employees log production tasks in and out, while leads manage teams, audit output and run productivity reports. Built during my internship (2021–2022).
My role
Development lead (intern)
Team process
Code reviews & sprint planning
What I did
Built employee-management screens in React and Redux, and improved project, task, task-set and assignment screens
Built Django REST APIs and PostgreSQL models for employee records, imports and movement history
Added employee Excel import with validation, plus employee movement history
Encrypted employee phone numbers and added database indexes
How it works · the whole project, not only my part
01 Set upClients, projects and production tasks, grouped into task sets
02 AssignLeads and supervisors assign task sets to their teams
03 LogEmployees task in and task out as they work
04 ReviewLeads audit output and track productivity on chart dashboards
Stack · the whole project
React
Redux
Material-UI
Chart.js
Django REST Framework
PostgreSQL
openpyxl
n8n · lead-intake run, succeeded (local)
05n8n · self-hosted build
Lead Intake Automation
Previewing
Turns each form inquiry into a saved, routed follow-up task with a deadline.
What it does
Checks and cleans each new inquiry, and skips one that was already submitted
Saves the contact, inquiry and follow-up task in n8n tables
Routes the inquiry to sales, support or review by clear rules, with the reason recorded
Sets a 24-hour follow-up deadline
Stack
n8n
n8n Data Tables
Docker
PostgreSQL
n8n · sales-intake run, succeeded (local)
06n8n + Airtable · self-hosted build
Sales Intake Automation
Previewing
Keeps every sales inquiry, its contact and its follow-up task together in Airtable.
What it does
Saves each inquiry as linked contact, inquiry and follow-up task records
Reuses the existing contact when someone writes again
Searches before it creates, so a replay or interrupted run adds no duplicates
Stops invalid input before anything is saved
Stack
n8n
Airtable
No projects match “”
Search looks at project names, tools and tasks. Try “Playwright” or “API”.
Next up: AI-drafted replies and a CRM connection for the lead-intake workflow, then small demos in Make, Zapier and GoHighLevel. I’ll add each one here once it’s finished.
More projects
TSST · bilingual exam procedures (local build)
TSST · sign-in (local build)
Local build of the bilingual exam-procedures screen.
Bilingual sign-in screen, local build.
02 · Spoken-assessment web system
TSST
A web system for recorded spoken assessments, with a Next.js frontend and a FastAPI backend.
My role
Web + API contributor
Tested with
Playwright browser and Vitest unit tests
What I did
Accessible bilingual controls and interruption-recovery guidance
Browser and unit regression tests for those flows
Hardened FastAPI upload, audio-conversion and sign-in limits
Contributed technical documentation
How it works · the whole project, not only my part
01 Check inSign-in, guidelines, device checks and a voice-ID recording
02 AssessOne continuous ten-question session with protected question audio
03 ConvertThe FastAPI service converts each browser recording to WAV with FFmpeg
04 StoreRecordings go to the legacy TSST MySQL database and recording share
Stack · the whole project
Next.js 16
TypeScript
Tailwind CSS
FastAPI
SQLAlchemy
MySQL
FFmpeg
Docker Compose
Playwright
Spectre · cross-repo run findings (local build)
Spectre · diagrams (local build)
Architecture diagrams generated for the demo run.
03 · AI-assisted code auditing
Spectre
A multi-agent platform that audits connected repositories across engineering domains.
My role
Analysis-engine contributor
Tested with
pytest backend and Vitest frontend tests
What I did
Cross-repo API-contract checks that catch field mismatches
Naming-convention handling backed by regression tests
Built a multi-agent documentation orchestrator on the Anthropic API: a planning agent runs parallel specialists
Clearer architecture and coverage reports
How it works · the whole project, not only my part
01 IngestRepositories arrive by ZIP upload, Git clone or GitHub App
02 QueueA worker claims durable work items from PostgreSQL; Redis coordinates
03 AnalyseAn orchestrator runs 7 specialist agents, from security to docs
04 VerifyA verifier re-checks candidate findings against the source with code-retrieval tools
Stack · the whole project
Next.js 16
TypeScript
Tailwind CSS
FastAPI
SQLAlchemy
PostgreSQL
Redis
Pydantic AI
Anthropic API
tree-sitter
Docker
ADEC Workforce · employee management (demo data)
04 · Internship · full-stack
ADEC Workforce Management System
An internal workforce system. Employees log production tasks in and out, while leads manage teams, audit output and run productivity reports. Built during my internship (2021–2022).
My role
Development lead (intern)
Team process
Code reviews & sprint planning
What I did
Built employee-management screens in React and Redux, and improved project, task, task-set and assignment screens
Built Django REST APIs and PostgreSQL models for employee records, imports and movement history
Added employee Excel import with validation, plus employee movement history
Encrypted employee phone numbers and added database indexes
How it works · the whole project, not only my part
01 Set upClients, projects and production tasks, grouped into task sets
02 AssignLeads and supervisors assign task sets to their teams
03 LogEmployees task in and task out as they work
04 ReviewLeads audit output and track productivity on chart dashboards
Stack · the whole project
React
Redux
Material-UI
Chart.js
Django REST Framework
PostgreSQL
openpyxl
n8n · lead-intake run, succeeded (local)
05n8n · self-hosted build
Lead Intake Automation
Turns each form inquiry into a saved, routed follow-up task with a deadline.
What it does
Checks and cleans each new inquiry, and skips one that was already submitted
Saves the contact, inquiry and follow-up task in n8n tables
Routes the inquiry to sales, support or review by clear rules, with the reason recorded
Sets a 24-hour follow-up deadline
Stack
n8n
n8n Data Tables
Docker
PostgreSQL
n8n · sales-intake run, succeeded (local)
06n8n + Airtable · self-hosted build
Sales Intake Automation
Keeps every sales inquiry, its contact and its follow-up task together in Airtable.
What it does
Saves each inquiry as linked contact, inquiry and follow-up task records
Reuses the existing contact when someone writes again
Searches before it creates, so a replay or interrupted run adds no duplicates
Stops invalid input before anything is saved
Stack
n8n
Airtable
03 — Experience & credentials
Where I’ve worked
Roles, newest first, followed by my credentials and the tools I’ve used.
Experience
Roles
Freelance Full Stack EngineerIndependent projectsProject-based
JobQuest.ph — Next.js dashboards, walk-in registration and Laravel API integration