MY PORTFOLIO
Welcome to my portfolio! Here, you'll find a comprehensive collection of projects that I have both created independently and contributed to as part of collaborative efforts. Each project showcases my skills, creativity, and dedication to continuous learning.
Whether you're here to explore my technical abilities, design thinking, or problem-solving approach, I hope this portfolio provides valuable insight into my professional journey.
If you're interested in any of these projects, contact me!
TECH STACK
Cross/multi ApplicationLaravel | CSS | Bootstrap | Javascript | MySQL | Documentation
MY ROLE
Coordinator and Software Developer
ABOUT THIS PROJECT
MARFEL (Mobile Augmented Reality Food Exchange Lists) is a nutrition education and visualization tool that can aid both Registered Nutritionist-Dietitians (RNDs), and nutrition & health enthusiasts. Developed for the DOST-FNRI, the project includes a mobile application integrated with Augmented Reality and a web application for content management.
LEARNINGS / ACCOMPLISHMENTS
- Created and maintained detailed documentation throughout the project lifecycle, including system specifications, process flows, technical reports, and user manuals.
- Facilitated team coordination by ensuring clear communication and task alignment across all members
- Acted as a key liaison between the team and the client, gathering requirements, clarifying expectations, and translating them into actionable tasks
- Supported in the full-stack development of the web counterpart of the MARFEL application, including the administrative portal and landing page of the software.
Interested in this project? Contact Me!
TECH STACK
Mobile ApplicationFlutter | Dart
MY ROLE
Full-Stack Development Support
ABOUT THIS PROJECT
Diageo is a gamified kiosk which allows customer to play mini games using a large standee Android device to win vouchers and prizes.
LEARNINGS / ACCOMPLISHMENTS
- Supported in the development of back office functionalities with focus on application interface customization (colors, fonts, and images)
- Improved games by customizing applied game libraries to achieve desired user experience as indicated in provided design flow
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Livewire | Javascript | MySQL
MY ROLE
Full-Stack Development
ABOUT THIS PROJECT
A sales invoice system for Panda Ballpen which modernizes the company’s invoicing processes from paper and pen form to a digitalized generation of invoice.
LEARNINGS / ACCOMPLISHMENTS
- Independently completed project including coordination of features with client, developing functionalities, software testing, and end-user training
- Implemented components for real-time rendering of data using Livewire
- Developed and implemented functionality for generating and printing invoices using client templates
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Javascript | MySQL
MY ROLE
Full-Stack Development
ABOUT THIS PROJECT
Enhanced version of the CHO Pharmacy web application, wherein key features and functionalities are revamped for improved user experience.
LEARNINGS / ACCOMPLISHMENTS
- Overhauled outdated code base refactored database design to optimize performance and data accessibility
- Enhanced user experience for dispenser (cashier) users with improved real-time display of data and easier product selection
- Refactored the report generation process to align the client’s updated templates, integrating optimized queries for faster and more accurate data retrieval
Interested in this project? Contact Me!
TECH STACK
Mobile ApplicationFlutter | Dart
MY ROLE
Full-Stack Development
ABOUT THIS PROJECT
An android-based point-of-sale solution designed to facilitate transactions, manage inventory, and provide operational insights for retail businesses.
LEARNINGS / ACCOMPLISHMENTS
- Improved code reusability by breaking down complex UIs to smaller, reusable widgets.
- Implemented server-side APIs to efficiently retrieve and transmit data between the web server and client application.
- Optimized widget rendering by leveraging providers for state management and update widgets efficiently.
- Implemented receipt printing with the use of a bluetooth receipt printer ensuring connection with portable (tablet) device.
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | Flutter | Dart | CSS | Bootstrap | MySQL
MY ROLE
Full-Stack Development
ABOUT THIS PROJECT
Pamaskong Handog is a software for the LGU of Santiago City which was used to keep track of distribution of goods to the residents of the city. The software is composed of a mobile and web component:
1) The web application includes charts and metrics to keep track of good distribution including residents with or without claims
2) The mobile application is used by the LGU for distribution which allowed them to submit proof of distribution to each resident
LEARNINGS / ACCOMPLISHMENTS
- Utilized Chart.js to create dynamic, user-friendly charts for enhanced data interpretation.
- Enhanced data retrieval processes in the mobile app, improving speed and efficiency
Interested in this project? Contact Me!
TECH STACK
Mobile ApplicationFlutter | Dart
MY ROLE
Full-Stack Development Support
ABOUT THIS PROJECT
E-Saklolo is a mobile application for the LGU of the City of Santiago to assist and aid in emergencies. It combines the concept of ride-hailing and emergency operations. This app is a cross-platform mobile application built using Flutter
LEARNINGS / ACCOMPLISHMENTS
Version 1:
- Learned a new programming tech stack, specializing in mobile application development using Flutter for cross-platform development
- Learned IOS application configuration using XCode
- Applied design by following provided UI/UX mockup and ensured responsiveness for different device screen sizes
- Learned how to utilize Flutter packages to achieve features and functionalities
- Ensured usability for both Android and iOS devices
Version 2:
- Implemented internet status checking to ensure usability when device is online or offline
- Implemented best practices and design patterns during the code refactoring process to ensure cohesive structure and improve overall code quality
- Recoded outdated codes and libraries for to ensure usability in upgraded version
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Javascript | MySQL
MY ROLE
Back-End Development
ABOUT THIS PROJECT
Odyssey is a web-based logger for a school used for the purpose of tracking students, employees, and visitors that went to the establishment within the day. The system features student attendance tracking, employee daily time record, and visitor tracking. Additionally, in compliance with safety protocol, health declaration is included in the application.
LEARNINGS / ACCOMPLISHMENTS
- Implemented generation of QR and utilized QR for scanning and logging into application.
- Implemented automated generation of time sheets based on employee data.
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Javascript | MySQL
MY ROLE
Full-Stack Development
ABOUT THIS PROJECT
This software is for the City Health Office of Santiago City. The web application is a web-based cashier and inventory system which features releasing of stocks to patients, inventory management, and inventory report generation.
LEARNINGS / ACCOMPLISHMENTS
- Applied design by adhering to provided UI/UX mockups, including replication of POS-like experience for dispenser (cashier)
- Implemented extensive customization of features tailored to match the client's unique workflow requirements
Interested in this project? Contact Me!
TECH STACK
Cross/multi ApplicationLaravel | C# | CSS | Bootstrap | Javascript
MY ROLE
Front-End Development Support
ABOUT THIS PROJECT
The queuing system is a project for the local government of Santiago City, implemented at the City Hall to handle the waiting line in requesting for personal documents. The queuing system is composed of three applications:
1) A kiosk which handles people’s request and provides queue number, built using C#.
2) A queue display used to alert and display ongoing/next customer to be processed;
3) and a web portal for the employees handling requests, built using the Laravel framework.
LEARNINGS / ACCOMPLISHMENTS
- Applied design (both kiosk and web application) by meticulously adhering to provided UI/UX mockups, ensuring a cohesive and intuitive user experience across both platforms.
- Ensured responsiveness to all applications: large television display, kiosk display, and web portal desktop display.
Interested in this project? Contact Me!
TECH STACK
Website ApplicationWordPress | Elementor
MY ROLE
Front-End Development Support
ABOUT THIS PROJECT
E-Net Philippines is an organization engaged in policy advocacy and education reforms. The created website using WordPress was made to share the organization’s activities, events, and resources.
LEARNINGS / ACCOMPLISHMENTS
- Acquired proficiency in WordPress for content management
- Utilized Elementor to optimize website responsiveness and customize UI elements in alignment with UI/UX design specifications
- Ensured a seamless and user-friendly content management experience by customizing admin panel allowing end-users to be easily onboarded
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Javascript
MY ROLE
Front-End Development
ABOUT THIS PROJECT
This project is a re-creation of the company’s website which features company information and completed projects. Aguora is a company that provides IT solutions and services.
LEARNINGS / ACCOMPLISHMENTS
- Updated existing website UI by following newly designed UI/UX.
- Upgraded the framework version to the latest supported release to ensure seamless compatibility with the latest packages and mitigate potential bugs
- Modified existing backend code to improve code reusability and remove coding inefficiencies.
- Improved user experience by implementing interactive components.
Interested in this project? Contact Me!
TECH STACK
Cross/multi ApplicationLaravel | C# | CSS | Bootstrap | MySQL
MY ROLE
Full-Stack Development Support
ABOUT THIS PROJECT
Perception Gaming Inc. is a company that provides gaming products and services. The sales management system is composed of two applications:
1) A desktop application used for syncing sales, built using C#
2) An administrative portal for tracking sales, built using the Laravel framework.
LEARNINGS / ACCOMPLISHMENTS
- Acquired proficiency in the WPF front-end framework to implement a modern UI/UX design for a Windows desktop application
- Ensured responsiveness of desktop application by utilizing grid layout.
- Supported in the development of the administrative portal
- Employed HTML to create customized print templates as specified by the client
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Javascript
MY ROLE
Front-End Development Support
ABOUT THIS PROJECT
Ret and Ro is an e-Commerce website for the local clothing brand Ret and Ro, a store that sells refined and graceful clothes geared towards vintage fashion. This e-Commerce site is built using the Laravel Framework and was custom-built to ensure easier order processing and tracking sales.
LEARNINGS / ACCOMPLISHMENTS
- Executed the website rebranding strategy by faithfully translating the provided UI/UX mockup into an interactive and visually appealing front-end design, leveraging HTML, CSS, and JavaScript
- Ensured mobile responsiveness of the web application by leveraging Bootstrap
- Optimized the user interface for product browsing by integrating JavaScript libraries, ensuring smoother navigation, interactive features, and dynamic content updates
Interested in this project? Contact Me!
TECH STACK
Website ApplicationLaravel | CSS | Bootstrap | Javascript
MY ROLE
Front-End Development Support
ABOUT THIS PROJECT
Big Four is an e-Commerce website for Big Four Global Technologies Inc. which sells computer hardware and peripherals. This e-Commerce site is built using the Laravel Framework and was tailored-fit to the company’s business process and flow.
LEARNINGS / ACCOMPLISHMENTS
- Executed the website rebranding strategy by faithfully translating the provided UI/UX mockup into an interactive and visually appealing front-end design, leveraging HTML, CSS, and JavaScript
- Ensured mobile responsiveness of the web application by leveraging Bootstrap
Interested in this project? Contact Me!
bonifacio.chloesophia@gmail.com