App LogoApp name
JP

John Brian Prado

Open to work1 years experience

Front-end Developer

Sual, PangasinanTarget Roles: Backend Engineer • Full-Stack Developer • Frontend Specialist

Front-end Developer

GitHubLinkedIn
Resume
Email

Standing Rank

Rank Not Available

Developer Badges

Badges Pending

Skills & Technologies

23 skills
htmlcssjavascriptreactjsnextjstypescripttailwind cssreact hook formyupframer motionaxioszodshadcn/uijwtpythonfirebasepostgressqlmysqlpostmangittanstack queryant designvite

Work Experience

Backend Developer

SwiftForm

Dec 2023 - Mar 2024
  • Developed API endpoints for integration with frontend components.
  • Implemented validation error handling for enhanced user experience.
  • Conducted backend testing using Postman for quality assurance.

Frontend Developer

USSC

Nov 2024 - May 2025
  • Developed multi-page financial services website using Next.js 14, React, and TypeScript with Tailwind CSS
  • Implemented responsive design across all screen sizes with mobile-first approach and custom breakpoints
  • Integrated React Hook Form and Yup for client-side validation with real-time error handling
  • Added interactive animations and transitions using Framer Motion for enhanced user experience
  • Integrated with backend REST APIs using Axios for data fetching and form submissions

Frontend Developer

Pinoy Ride

Aug 2025 - Nov 2025
  • Built enterprise Learning Management System using Next.js 15, React 19, and TypeScript with JWT authentication, role-based access control.
  • integration with backend REST APIs
  • Integrate React Hook Form and Zod for client-side validation with real-time error handling.
  • Design responsive UI with Tailwind CSS and shadcn/ui.

Frontend Developer

Yamaha

Aug 2025 - Nov 2025
  • Implemented authentication with JWT token management and integration with backend REST APIs
  • Integrate React Hook Form and Zod for client-side validation with real-time error handling.
  • Design responsive UI with Tailwind CSS and shadcn/ui.

Frontend Developer

ElectroDry

Feb 2026 - Present
  • Built an admin dashboard in Next.js 16 and React 19 with TypeScript, Tailwind CSS, and shadcn/ui to manage customers, bookings, technicians, and franchises
  • Implemented session and CSRF authentication with role-based routing to enforce access control across protected modules
  • Integrated TanStack Query and Axios across multiple resource domains, improving data consistency and UI responsiveness
  • Developed CRUD interfaces with pagination and search to support daily CRM operations
  • Built booking workflows with service and quote forms using React Hook Form and Zod, reducing input errors and streamlining scheduling

Frontend Developer

Bloom Sourcing Group

Feb 2026 - Present
  • Built a multi-tenant B2B sourcing platform in Next.js 16 and React 19, supporting two independent company brands with role-based routing and authentication
  • Developed product and client management modules with full CRUD functionality, paginated tables, and multi-image upload
  • Architected server state management using TanStack Query and Axios, reducing data inconsistency and enabling automatic cache invalidation across modules
  • Built complex dynamic forms with React Hook Form and Zod validation, including nested contact arrays and real-time field feedback
  • Delivered a consistent, accessible UI using shadcn/ui and Tailwind CSS 4 with reusable component patterns across the platform

Frontend Developer

Paccord

Jan 2026 - Present
  • Built a full logistics web platform with a public website and secure admin CMS using React 19, Vite, Tailwind CSS, Ant Design, TanStack Query, and Axios.
  • Developed shipment tracking, quote request, and contact workflows, improving customer self-service and reducing manual follow-up for logistics inquiries.
  • Created admin modules for managing shipments, quotes, messages, pricing configurations, and website content with searchable, sortable, and paginated interfaces.
  • Built dynamic CMS forms with file uploads and repeatable content sections, enabling non-technical users to update key website pages without developer support.

Frontend Developer

SUYSING

Feb 2026 - Present
  • Built a dual-application frontend system using Next.js, React, and TypeScript, consisting of a customer-facing event app and an admin portal for operations and reporting.
  • Implemented QR-based customer verification and booth-scanning workflows with camera integration for booth hopping, best-booth voting, souvenir claiming, and auditor-assisted validation.
  • Developed multi-step deal order forms with pickup and delivery flows, product selection, cart review, and API-driven submission handling.
  • Added notification and operational tools including targeted announcements, scheduled messaging, read-state handling, and export functionality for admin users.

Projects

Online Voting Application

  • Implemented authentication using Firebase.
  • Developed APIs for real-time data exchange.
  • Conducted thorough testing to identify and resolve vulnerabilities and bugs.
  • Managed databases and implemented algorithms for vote validation and processing.

Document Request Tracking System (DRTS)

  • Integrated frontend with backend APIs for seamless data communication.
  • Ensured cross-browser compatibility and responsive design for desktop and mobile platforms.
  • Contributed to deployment and ongoing maintenance of the application.

Leaderboard Standings

Leaderboard Position Pending

Global test scores, peer standing percentiles, and algorithm leaderboard ranks are updated dynamically.

Assessment Highlights

Assessments Not Completed

Coding evaluations, system assessment results, and conceptual score badges will appear here after taking a test.

AI Collaboration Score

AI Collaboration Score Pending

Developer coding behavior, assistant cooperation, and AI pair-programming indicators are evaluated during live coding sessions.

Role Compatibility Profile

Role Compatibility Analysis Pending

Custom matching reports, candidate role compatibility percentiles, and core engineer strength profiles are processed once conceptual code screenings are complete.

Achievements

Achievements Not Earned

Special rewards, developer badges, system recognition certificates, and conceptual milestones will display here.

About Details

Professional Bio

Aspiring Web Developer with a strong interest in creating visually appealing and user-friendly websites. Proficient in HTML, CSS, JavaScript, ReactJs, and enthusiastic about learning more. Eager to contribute my growing skills and passion for web development to a dynamic team.

BS Information Technology

University of Pangasinan ( - 2024)

Languages: English, Hindi
Email: Locked