Hi, I'm Jopher Joe Ribo
Building fast, accessible web apps — from pixel-perfect UI to backend APIs.
Constantly growing, I create web experiences that are clean, responsive, and user-centered.
About Me
Front-End Web Developer and UI/UX Designer who turns ideas into clean, responsive, and user-centered web experiences. I build with React, Next.js, and Node.js — and extend into CMS platforms like Wix when the project calls for it. I design in Figma and care about the details: from smooth UI interactions to solid system integration and QA. I'm always growing, always building, and always open to the next challenge.
Tech Stack
Front-end
HTML
CSS
JavaScriptTypeScript
React JS
Next.js
Tailwind
SHADCNBack-end
Java
Spring Boot
Supabase
Node.js
Express.js
MongoDBDesign
Figma
CanvaDevelopment
VS Code
Git Bash
GitHub
SonarQube
n8nCMS
WixProject Management
ClickUp
QuireCredentials
Certifications
Timeline
Successfully completed internship at Prime IT Solution, contributing to real-world projects and gaining valuable industry experience.
Transitioned to freelance work, taking on independent projects and building client relationships.
Applied learned skills in professional settings, delivering quality solutions for various clients.
Milestone Achievements
Developed complex web applications and systems as part of advanced coursework.
Focused on full-stack development and modern frameworks.
Worked in teams for real-world project simulation.
Learning Focus
Started programming journey with foundational projects.
Learned core concepts of web development.
Built first simple web applications with HTML, CSS, PHP, and JavaScript.
Learning Focus
Experience
Designed and integrated ABAC (Attribute-Based Access Control) with a user management system connected to SAP APIs, enabling department-based filtering, administrator-approved permissions, and seamless retrieval of business unit, role, and location data.
Implemented user activation/inactivation functionality to support dynamic permission control, streamlined onboarding, and efficient lifecycle management.
Developed modules for Exchange Order supplier invoices, Cash Advance temporary company payments on behalf of clients, and Payment Disbursement paying suppliers based on orders, with an automated workflow integrated into the Travel Order process to streamline approvals and financial handling.
Participated in the designing and documentation of the Travel Mid Office System, with a focus on system scalability, long-term growth, and smoothknowledge transfer.
Engaged with stakeholders and mentors to gather requirements, develop design solutions, and contribute to the project’s successful delivery.
Contributed to the development of a prototype checklist tool that helps farmers manage their agricultural operations based on selected areas from a farmmap.
Developed a system for recording and submitting daily farm/field activities via a mobile app and a backend API that handles auth, form submission, reporting, and data sync.
Developed a multi-platform system for managing parking: a mobile app for drivers (reservations, bookings, payments, vehicles, violations, notifications) anda web dashboard for administrators (users, customers, vehicles, violations, parking sites, slots, rates, and hardware). Both clients connect to a shared backend for data.
Technologies & Frameworks Used
Development Tools
Transitioned to freelance work, handling independent projects and client engagements while delivering responsive and scalable web solutions using Next.js, React, and Wix with custom functionality and integrations.
Technologies & Frameworks Used
Development Tools
Featured Projects
Here are some of the projects I've worked on that showcase my skills in web development and problem-solving.
Developed a full-stack web platform for managing international academic competitions, featuring three core modules: a dynamic Landing Page for public engagement, a Participant Portal for registration and submissions, and an Admin Portal for competition management and oversight.
Developed to simplify and automate the registration process, allowing users to easily create accounts, submit applications, and track their enrollment status in real time.
Developed a web-based Attendance System with modules for Administrators, Instructors, and Students; implemented QR code generation for online attendance, a virtual classroom seating feature for offline sessions, and Excel file import for bulk student data management.
A responsive web platform designed for travel agencies, featuring tour package listings, booking management, customer inquiries, and secure payment options. Built to deliver a smooth user experience, it helps clients explore destinations, compare offers, and complete reservations with ease.
A modern real estate listing web app for browsing properties, filtering by type and location, viewing details, saving favorites, and connecting with agents.
My Designs
Here are some of the UI/UX designs and visual works I've crafted using Figma and Canva.
Designed the UI/UX for an international academic competition platform, crafting three core interfaces: a dynamic Landing Page for public engagement, a Participant Portal for registration and submissions, and an Admin Portal for competition management and oversight.
Crafted the UI/UX for a Travel & Tour platform in Figma, covering three key screens — a welcoming Home page, a Tours page showcasing available packages, and a Booking page designed for a smooth and intuitive reservation experience.
Designed a full Admin Hub UI in Figma with Dashboard, Users, Orders, Products, and Analytics pages — focused on clarity, efficient navigation, and data visibility.
Designed a government super app UI in Figma for San Fabian residents, covering 20+ screens across civic services, document requests, community reports, voucher redemption, and local government forms.
Get In Touch
I'm always open to discussing new opportunities and interesting projects. Let's connect and create something amazing together!