John Mark Bolongan | Freelancer Resume

John Mark C. Bolongan Skills Full Stack Developer experienced in building scalable web applications using Laravel, Vue, React, and Node.js. Worked extensively with API integrations, payment systems, microservices, and cloud environments. Delivered end to end solutions involving accounting platforms, Stripe Connect payments, Shopify API, and automation workflows. Consistently improved performance, stability, and user experience across large production systems. Experience Kundan | Full Stack Developer | Remote |- ● Worked on a large multi service ecosystem and implemented features across the API Gateway, CRM, Plan, Inventory, Pay Service, Link Service, and other internal applications. ● Built and maintained the Filament admin panel for managing organizations, accounting settings, subscription controls, billing rules, event logs, and system level configurations. ● Implemented subscription management features including plan rules, billing cycles, usage tracking, grace periods, and automated renewal logic. ● Created the full voucher system, including generation, validation, usage limits, discount rules, and integration with the checkout and billing flow. ● Developed integrations with UniMicro, Tripletex, and Fiken, including customer syncing, product syncing, and invoice creation with correct number series handling. ● Built Stripe Connect onboarding flows, merchant account linking, 3D secure payment handling, application fee rules, and all payment processing logic. ● Improved the reliability of syncing jobs, queue workers, event processing, and error recovery mechanisms across the platform. ● Refactored existing legacy code, resolved breaking issues in production, and improved system stability and performance. ● Collaborated with product leads and handled complex debugging across backend services, WordPress plugins, and external partner systems. Tech: Laravel, Vue, Filament, Stripe Connect, UniMicro, Tripletex, MySQL, Docker, GitLab, Microservices Rohring Results | Full Stack Developer | Remote |- ● Integrated flexible PayPal and Stripe payment systems to support multiple service offerings. ● Built a middleman account system that allowed partners to resell company services with their own profit margins. ● Developed a complete sales manager module that calculated earnings for the middleman, the manager, and the company. ● Implemented automated profit distribution logic to remove manual computation and reduce errors. 2 ● Improved overall payment flow, reporting accuracy, and internal tracking for partner and manager sales Tech: Laravel, Vue, PayPal API, Stripe API, MySQL, Quasar Complete Communications, Business and Technology Solutions | Full Stack Developer | Remote | 2023 –2024 ● Created a full email communication system that allowed users to compose emails, send messages to multiple recipients, create reusable templates, upload attachments, and manage all common email functions in one interface. ● Developed a mobile application that retrieved vehicle data from UK databases using the registration number and displayed details such as images, registration dates, and vehicle information. ● Connected the mobile app to company services including registration assistance, insurance support, windshield repair, and other service recommendations. ● Added an emergency GPS feature that allowed users to quickly call emergency support directly from the app. ● Built an accounting web application where users entered call records and the system automatically calculated charges and generated invoice PDF files from custom HTML templates. ● Improved overall workflow automation, reduced manual processing, and enhanced data accuracy across internal operations. Tech: Laravel, Vue, REST APIs, React-Native, MySQL, PHP, HTML to PDF Generation All Things Theater Mclean | Full Stack Developer | Remote |- ● Refactored legacy jQuery components and migrated them to Vue.js to modernize the frontend and improve maintainability. ● Performed continuous maintenance on S3, resolved bugs, optimized performance, and ensured feature stability across the platform. ● Implemented loading screens and improved UI feedback to enhance overall user experience. ● Upgraded authentication by improving the Google two factor login flow and stabilizing the account access process. ● Updated mobile application CRUD features to ensure consistent behavior and better data handling. ● Refactored API logic and backend code to improve structure, readability, and long term maintainability. ● Performed major framework updates from Laravel 8 to Laravel 10, resolving breaking changes and ensuring compatibility across the codebase. Tech:Laravel, Vue.js, jQuery, REST APIs, MySQL, React Native, Authentication 3 First Class Creations | Developer | Remote |- ● Served as one of the two founding developers responsible for building the platform from the ground up. ● Implemented the complete authentication system with separate login flows for students, coaches, and parents. ● Built the admin dashboard and handled most of the CRUD functionality including management of students, coaches, parents, class assignments, and student to coach mapping. ● Created stored procedures used for performance tracking and various operational workflows. ● Developed KPI metrics that measured student improvement and progress throughout their classes. ● Designed dashboard widgets that displayed statistics, summaries, and graphical data for administrators and coaches. ● Contributed to overall system structure, usability, and maintainability during the early stage of the platform. Tech:ASP.NET, Telerik, MSSQL Server, Stored Procedures OTHER PROJECTS Leukocoria Detection System (Web and Mobile) ● Created six convolutional neural network models, trained each on curated datasets, and selected the best performing model for production use. ● Developed a web application that allowed users to capture images through the camera with automatic flash activation and passed the images through the model for leukocoria detection. ● Added manual image upload with validation using Roboflow eye and iris or pupil detection to ensure image quality before prediction. ● Built a mobile application that performed the same detection process and required user login so results and diagnostic history could be saved. ● Implemented preprocessing, inference, and visualization features across both platforms to support reliable early detection of leukocoria. ● Improved model accuracy through dataset preparation, augmentation, and evaluation during the training phase. Tech: FastAPI, Vue, REST APIs, React-Native, MySQL, TensorFlow, Keras, Python, ICI Senior High School Strand Recommendation System ● Created a full student assessment system that helped senior high school students determine the most suitable academic strand such as STEM, HUMSS, ABM, and TVL. 4 ● Built a login and authentication module that allowed students to securely access and complete their assessment. ● Developed the questionnaire feature where students answered teacher created questions that contributed to their strand recommendation score. ● Implemented the scoring logic that mapped specific questions and score ranges to the appropriate strand suggestion. ● Built the admin panel for teachers where they managed students, created and updated questionnaires, assigned scoring rules, and viewed student results. ● Improved decision accuracy by designing a structured evaluation flow that analyzed weighted answers to generate a strand recommendation. ● Ensured usability and reliability across the system to support school wide adoption for incoming senior high school students. Tech: Laravel, MySQL, Blade LungAI Pneumonia Detection System ● Created an AI powered pneumonia detection system using deep learning models trained on chest X ray images. ● Developed multiple convolutional neural network architectures and evaluated them to identify the highest performing model for deployment. ● Built a web application that allowed users to upload X ray images and receive predicted results with confidence scoring. ● Implemented preprocessing pipelines including augmentation, normalization, class balancing, and quality checks to improve model accuracy. ● Designed a clean user interface for displaying predictions, model confidence, and supporting medical information. ● Created mobile and desktop compatible versions to allow real time inference outside of the browser. ● Improved detection performance by refining datasets, expanding training samples, and evaluating model outputs during iterative training cycles. Tech: FastAPI, Vue, REST APIs, React-Native, MySQL, TensorFlow, Keras, Python, MSU Maigo Navigation System (Responsive Web) ● Developed a campus navigation system for MSU Maigo that displayed 3D building representations inside a Leaflet powered map using accurate geographic coordinates. ● Built an admin panel where staff created buildings by selecting map coordinates, uploading images, defining floors, and adding rooms and facilities. ● Implemented teacher and staff management features that allowed administrators to assign personnel to specific rooms, floors, and buildings. 5 ● Designed the student interface where users selected a starting point or used their real time location and chose a destination such as a room, teacher, faculty office, or building. ● Created a shortest path algorithm based on custom map nodes and distances to generate the most efficient route across the campus. ● Integrated real time location tracking so the navigation path updated automatically as the student moved. ● Improved usability of the campus map by combining geospatial data, custom nodes, and 3D visuals to help students and visitors navigate the campus easily. Tech: Laravel, MySQL, LeaftLet, Blade CCS Attendance System (MSU-IIT) ● Developed an attendance management system that allowed administrators to create events, define multi day schedules, and configure morning and afternoon sign in and sign out sessions. ● Built an Excel import feature that uploaded complete student records including college, course, year level, and other profile information. ● Generated unique QR codes for each student based on their student ID and sent the codes automatically to the student’s university email. ● Implemented a scanning interface using laptop or mobile cameras that validated QR codes during scheduled attendance windows. ● Added manual search and attendance options for cases where QR scanning was not possible. ● Designed reporting tools that tracked participation across events, days, and time sessions with accurate timestamps. ● Improved efficiency of large school events by automating student verification and reducing manual encoding. Tech: Laravel, MySQL, Blade SKILLS Core Backend ● Laravel, PHP, Node.js, REST APIs, Microservices, MySQL, PostgreSQL, ASP.NET, MSSQL Server, Stored Procedures, FastAPI, Python Frontend ● Vue.js, React, JavaScript, jQuery, TailwindCSS, HTML, CSS, Blade Templates, Quasar Framework Mobile Development ● React Native, Android Camera Integration, Real time GPS Tracking AI / Machine Learning 6 ● TensorFlow, Keras, Convolutional Neural Networks, Image Preprocessing, Data Augmentation, Model Evaluation, AI Inference Pipelines DevOps and Tools ● Docker, Git, GitLab CI/CD, Linux, Nginx, WSL2, Queue Workers, Logging and Monitoring, Deployment Optimization Integrations ● Stripe Connect, PayPal API, Shopify API, UniMicro, Tripletex, Fiken, OAuth Authentication, WooCommerce Plugin Development, Webhooks Maps / Navigation / GIS ● Leaflet JS, Geolocation, Routing Algorithms, Custom Pathfinding, Map Nodes and Distance Graphs Cloud, Servers, and Architecture ● API Architecture, Service Oriented Systems, Modular Code Design, Performance Optimization, Error Recovery Systems PDF and Reporting ● HTML to PDF Generation, Invoice Rendering, KPI Dashboards, Statistical Widgets, Reporting Tools Others ● Problem Solving, Debugging, Refactoring Legacy Systems, Authentication Systems, Multi role Login Flows, CRUD System Design, UI/UX Improvements, Data Import and Validation REFERENCES 1. James Bolongan – Senior Full-Stack Developer Company: All Things Theater McLean Relationship: Technical mentor and senior developer who supervised and assisted me on various full-stack development projects. 2. Gerald Avilla – Client / Project Stakeholder Company: Independent Software Consultant Relationship: Client for multiple projects, including the LungAI Pneumonia Detection System and the CCS Attendance System (MSU-IIT). He can speak directly about my technical work, deliverables, and project collaboration. 7 3. Jade Ace Flor – Full-Stack Developer Company: Independent Software Consultant Relationship: Collaborator on the MSU Maigo Navigation System (Responsive Web), CCS Attendance System (MSU-IIT), and joint development work for FFA involving API integrations for advertising platforms.