GP.
React Engineer · Emapta (Newbook)

Hi, I'm Gelford Peñaranda

Frontend Developer / React Engineer

Currently shipping production features with React and Next.js, and open to frontend roles worth switching for.

Professional Summary

Frontend Developer with 5+ years in React.js, Next.js, and TypeScript. Currently a React Engineer at Newbook, building production features alongside designers and backend developers. Background covers UI development, component architecture, and AI-assisted workflows using tools like Claude.

Currently employed, but open to the right frontend roles (remote or hybrid).

Quick Stats

  • Experience5+ Years Exp
  • LocationCalamba City, PH
  • AvailabilityOpen to opportunities

React Engineer at Emapta (Newbook).Currently employed, but open to the right frontend roles (remote or hybrid).

Technical Skills

Skills grouped by domain

Frontend

React.jsNext.jsTypeScriptJavaScriptHTMLCSS

State Management

ZustandReduxRedux-Saga

Backend & APIs

REST APIsFirebase

UI & Libraries

shadcn/uiReact Hook FormTanStack QueryBootstrapPrimeReact

Testing

Vitest

CMS

Magnolia CMSJoomla

Tools & Workflow

GitBitbucketAzure DevOpsJIRAAgile/ScrumDocker

AI Tools

Claude (AI-assisted development, debugging, code generation)

Professional Experience

4 roles across enterprise and product teams

  1. React Engineer

    Current

    Emapta Versatile Services Inc. (Newbook)

    ReactTypeScriptNext.jsZustandReact Hook FormTanStack Query
    • Built and maintained React/Next.js features across multiple product areas
    • Connected REST APIs to data tables, forms, and real-time views throughout the app
    • Wrote shared components reused across different parts of the product
    • Profiled and fixed performance issues across key user flows
    • Worked with designers and backend developers from spec to ship
    • Reviewed pull requests and caught bugs before they reached production
    • Participated in Agile ceremonies including sprint planning and retrospectives
    • Ran the app inside Docker to match the production environment for local development and testing

  2. Application Development Senior Analyst / Application Development Analyst

    Accenture Inc.

    ReactReduxJavaScriptMagnolia CMSAzure DevOps
    • Built and maintained large-scale web apps across multiple client projects
    • Configured and deployed applications using CI/CD pipelines (Azure DevOps)
    • Worked with product managers, designers, and backend engineers to translate requirements into features
    • Diagnosed and fixed production bugs and regressions
    • Joined architecture reviews and helped shape decisions on component structure and data flow

  3. Programmer / Analyst

    Systema Computer Solution Corp.

    Vue.jsNuxt.jsjQueryFirebaseMySQL
    • Developed and enhanced web applications based on client requirements
    • Maintained websites, databases, and internal systems
    • Provided technical support for hardware, software, and network issues

  4. Technical Administrator

    Mind Alliance Ventures Inc. (Samsung Service Center)

    • Managed inventory and handled customer technical inquiries
    • Performed troubleshooting for mobile devices
    • Coordinated logistics for parts replacement and returns

Projects

Personal builds that complement my professional experience

Cattleya Resort — Booking System

Personal project
GitHubView live site

Internal reservation management system for a resort that was running everything on paper. Handles multi-step pool reservations across 18 named pools with day/night slot types, customer intake, and payment recording. The main view is a monthly/list calendar with per-day booking counts; also includes date-filtered bookings and payments pages, full-text search, and printable PDF daily reports. Built spec-driven with Claude Code handling planning and code generation. Stack: React, TypeScript, Firebase, TanStack Query, Zustand, Shadcn, TailwindCSS, RHF + Zod.

Screenshots

Click any image to view full size

Screenshot gallery for Cattleya Resort — Booking System

ReactViteTypeScriptFirebaseTanStack QueryReact Hook FormZustandFullCalendarshadcn/uiTailwind CSSjsPDFZod
  • Built multi-step reservation flow with pool grid selection (day/night slots) and customer intake
  • Implemented monthly calendar overview via FullCalendar with per-day booking counts and slot indicators
  • Created bookings and payments pages with date filtering and exportable PDF reports via jsPDF
  • Managed server state with TanStack Query backed by Firebase and global state with Zustand
  • Validated all forms with React Hook Form + Zod for type-safe, reliable data entry

Planned: Online self-service reservations for guests

Cattleya Resort — CMS & Website

Personal project
View live site

Full-stack resort website and admin CMS for managing pools, rates, reservations, and site content. Includes a public landing page and a protected admin dashboard.

Screenshots

Click any image to view full size

Screenshot gallery for Cattleya Resort — CMS & Website

ReactViteSupabaseTypeScriptREST APIsVitestshadcn/uiTinyMCE
  • Built public resort site with pools, rates, reservations, and location pages
  • Developed admin CMS with dashboard, pool editor, and global website settings
  • Implemented authentication and Supabase-backed data and media storage
  • Managed dynamic amenities, pricing, and rich-text pool notes via CRUD flows
  • Wrote unit and component tests with Vitest for reliable UI behavior

Planned: Role-based access control (Admin/Editor permissions)

Education

  • Bachelor of Science in Information Technology

    ICCT Colleges Foundation Inc., Rizal

  • Computer Systems Servicing NC II

    Mary Chiles College, Manila