Hello!

I’m John Rey Bautista

Full-stack Web Developer focused on modern apps, clean UI, and solid UX.

5+ Years ExperienceFull‑stackPart-TimeRemote FriendlyFigma to Pixel-Perfect WebsitesAI Models
Avatar

About Me

About

Versatile web developer with 5+ years of hands‑on experience building systems and modern web applications. Driven to learn, adapt, and excel with emerging technologies.

Explore Works

Tech Stack

  • Laravel, Vue.js, React.js, Next.js, Tailwind CSS, Inertiajs, Filament, Shadcn, Sanity CMS
  • MySQL, Supabase, REST APIs, Git/Version Control, AWS
  • SPA, MVC
  • Social Media Marketing
  • AI models

Capabilities

  • Full-stack web development and dynamic web applications
  • Convert Figma designs into pixel-perfect and functional websites
  • System integration and tooling
  • Consultations and tech support
  • Graphics and marketing
  • AI assisted web development

Resume

Full-stack Web Developer

2021 — Current

Develop dynamic web applications under a Finance tech and Marketing company, convert Figma designs into pixel-perfect and functional websites, tech support and consultations.

Freelance Web Developer

2017 — 2021

Build apps and designs for local and international clients using Laravel, Vue, Inertia, Tailwind.

Guest Instructor

2017 — 2021

Teach programming, hardware, electronics, and design with hands-on activities.

Jr. Web Developer

2018 — 2019

Create module apps for a finance and coop company.

Most of these works are private under my employer; details are limited and only basic info are shown.

Kenergy AI screenshot

Kenergy AI

Developed a scalable AI solutions website using Next.js and Sanity, enabling dynamic content management and optimized performance for service-driven conversions.

Next.js + React + Tailwind + Sanity

Visit Site
Interracial FC screenshot

Interracial FC

Built a modern club website with Next.js and Sanity, featuring dynamic player profiles, updates, and a merch section to strengthen community engagement.

Next.js + React + Tailwind + Sanity

Visit Site
Open NLC screenshot

Open NLC

Created a lightweight, fast-loading website using HTML, CSS, and JavaScript, focusing on clear content delivery and accessibility.

HTML + CSS + JS

Visit Site
Cash Loans Express screenshot

Cash Loans Express

Engineered a loan application platform using Laravel and Vue, with dynamic forms and optimized user flows to improve lead generation and conversions.

Laravel + Vue + Tailwind

Visit Site
Dogstar Digital Group screenshot

Dogstar Digital Group

Developed a responsive agency website using Vue and Tailwind, showcasing services and portfolio with a clean, conversion-focused layout.

Vue + Tailwind

Visit Site
Friendly Finance screenshot

Friendly Finance

Built and maintained a finance platform using Laravel and Vue, improving usability and streamlining client interactions through structured UI and backend integration.

Laravel + Vue + Tailwind

Visit Site

Backend Config Module for Coop Finance App

Configurable module-app for the main cooperative finance operations app.

Local Voting System — PH

Secure, local voting platform with logs and reporting.

Landing Pages

High‑converting marketing pages with fast, SEO-optimized and responsive UI.

Credit Repair App

Assists customers in repairing their credit scores and managing their credit status.

Backend & Admin/Dashboard with Reporting

Custom-built role‑based admin panels with charts, exports, and insights.

Loan Application Sites with Third‑party API Lenders

Application capture and integrations with lender APIs.

Custom Shopify Options Builder (Golf Storefront)

Dynamic product options and UI customization for Shopify.

Raffle Website

Ticket sales, draw scheduling, and winner management with reporting.

Services

Web App Development

Secure, scalable apps using Laravel/Next.js with REST APIs, MySQL, Tailwind, Vue/React, and Supabase.

Frontend UI

Responsive interfaces with HTML/CSS, Tailwind, Vue and React, accessibility and performance focused.

Figma to Website

Convert Figma designs into pixel-perfect and functional websites.

API Integration

Integrate REST/GraphQL services, authentication, and robust error handling.

CMS & Admin

Admin panels and dashboards with Filament or custom builds, roles and CRUD.

Consulting

Architecture reviews, performance tuning, and best practices guidance.

Social Media Management

Manage social media accounts, create content, and analyze performance.

I’m available for part-time work, freelancing and gig

Let’s build something great together.

Contact Me

Contact Me

Address

Balagmanok, Bacong, Negros Oriental, Philippines 6216

Phone

09357575408

Send a Message

Let’s Build Something Great!

Availability

Open to part‑time, freelance, gig work, and collaborations. Remote‑friendly (GMT+8). Typical response within 24 hours.

Part‑time
Remote‑friendly
GMT+8

Summary

  • 5+ years building full‑stack web applications
  • Focus on finance, landing, admin dashboards
  • Core stack: Laravel, Vue, Next.js/React, Tailwind, MySQL, AWS
  • Services: Frontend, Backend, Figma to functional websites, API integrations, CMS/admin