Web Developer
Hello!
I'm a Full-Stack Web Developer and Computer Engineering graduate specializing in building scalable SaaS platforms and interactive web applications. From database architectures in Laravel & .NET to responsive interfaces in React & TypeScript, I build performant digital solutions tailored to client needs.
Role: Web Developer
Specialties: Fullstack / SaaS / UI-UX
Location: San Pedro City, PH
Email: jrabara101@gmail.com
Viber: +63 961 790 3841
HTML
CSS3
JavaScript
Python
React.js
PHP
Typescript
Ruby
Go Rails
.Net Framework
C Programming
Laravel
Crafting secure, scalable backend architectures integrated with modern, highly interactive frontends. Experienced in React, TypeScript, Laravel, PHP, and .NET.
Developing complete online platforms (finance, operations, logistics, checkout workflows) with tailored client solutions to boost sales conversions.
Converting static Figma mockups and wireframes into lightweight, responsive, pixel-perfect user interfaces with sleek CSS and Tailwind structures.
Auditing load speeds, deploying via AWS and Vercel, and setting up clean Git CI/CD automated deployment pipelines for continuous delivery.
Tech Navy Phil
June 16, 2025 - August 18, 2025
Snapp Ventures Inc. - Matchmo
February 28, 2025 - April 28, 2025
WPH Digital Pte Ltd
November 6, 2024 - December 11, 2024
Joysis TVI
August 22, 2024 - November 11, 2024
Direcho Trabaho PH
April 12, 2025 - June 7, 2025
TAHA Foundation x Uplift Code Camp
April 20, 2025 - September 17, 2025
PRDGM Mugen Trading Corp
August 21, 2025 - Present
Featured builds, the design challenges I take part in, and the full archive of everything I've shipped across my 100 Days of Code and Hands-On practice seasons — every one deployed live.
157
Builds Deployed
107
100 Days of Code
50
Hands-On Season
365
UI Challenge
Featured Case Study
The architecture decisions, deployment pipeline, and client-support loop behind the four-module business platform I build in Laravel and React at PRDGM Mugen Trading Corp.
Case Study
A word puzzle with an on-chain leaderboard: two Soroban contracts on Stellar, badges minted by inter-contract call, and fee sponsorship so players never need to hold XLM.
Case Study
Good intentions stall on too many options. A short branching chat reads your skill and your free time, then commits to one concrete good deed — a single answer instead of a list.
Case Study
Delivery escrow on Midnight where a courier proves delivery in zero knowledge — the ledger never learns the buyer's address, the order, or anyone's identity.
Explore an interactive subpage collection of 25+ frontend designs, switches, and interface widgets.
Explore Playground
A level-based word puzzle game with live scoring, streak tracking, and progressively harder rounds.
A 60-second conversational matcher that turns your skills and free time into one real, doable good deed.
A Cardano escrow dApp with a four-step connect, contract, lock, and release flow and a full activity log.
A snake game development. With an interaction of every apple, the color of boxes changes as it feeds the snake.
Experience playing Pacman with surprising voice backgrounds every time you get eaten by ghosts, lose the game, or win the game!
Experience an iOS-style calculator with basic mathematical operations and a clean UI.
Practice data visualization using JavaScript and RapidAPI to display dynamic football stats.
This project demonstrates full CRUD functionality for tasks with mark-complete, import/export, and basic validation without a database.
A simple blog application showcasing CRUD operations for posts and basic user interaction.
A neon-themed real estate landing page focusing on modern UI and clear property highlighting.
An interactive birthday greeting page with animations and personalized messages.
A quiz web app with multiple questions, scoring, and dynamic feedback per answer.
A mini e-commerce interface with product listing, cart interaction, and checkout layout.
A mini javascript API async with weather api, tracking real time weather status all around Philippines.
Source design file
The working Figma file behind my daily interface studies — wireframes, component states, type and colour explorations, and the high-fidelity mockups I build from.
uichallenges.design / sheeshable
My public profile on the 365 UI Challenge — a daily design prompt tackled and posted, building consistency in layout, hierarchy, and visual detail one interface at a time.
Every project from both practice seasons, live and clickable. Search by name or filter by season and type.
No builds match that search yet — try a different keyword.
"Johnrick's attention to detail during his QA and UI/UX internship was outstanding. He tracked bugs systematically and ensured our mobile and web interfaces matched our design designs precisely."
Snapp Ventures Inc. (Matchmo)
"He quickly mastered setting up our Ruby on Rails environment and contributed directly to our HRIS database structures. A reliable and highly proactive team member."
Tech Navy Phil
"Johnrick demonstrated high initiative in building fullstack .NET apps and collaborative group projects. His rapid learning curve and passion make him a great asset."
WPH Coding Bootcamp
Whether you have a web application idea, need a custom dashboard setup, or want a freelance developer to join your project team — my inbox is always open.
Thank you for reaching out. Johnrick will reply to your inbox shortly.
