My Projects
Confidential Project
Government Operations
Government Agency Operations Management System
I co-developed an Operations Management System for a Philippine Government Agency using Next.js and TypeScript. I translated Figma designs into responsive MUI components, integrated REST APIs with Axios, and implemented Zustand for state management. I built dynamic dashboards featuring real-time bar/line graphs that visualized aggregated backend data based on user inputs, and collaborated in an Agile environment with backend and UI/UX teams while conducting API testing via Postman.
Sales and Inventory System
Developed as a final project for System Analysis Design, this Sales and Inventory System was initially based on a YouTube tutorial. I customized and enhanced the system to meet the specific needs of a candy store, adding features to efficiently manage inventory and sales transactions. This project aimed to provide a tailored solution for small businesses selling sweets, candies, and toys.
Amazon Clone Project
Developed as a hands-on project to deepen my understanding of JavaScript, this Amazon Clone was built following a tutorial from the YouTube channel SuperSimple.dev. It served as an excellent opportunity to practice key JavaScript fundamentals, including working with objects, DOM manipulation, functions, Git, modules, and external libraries. The project also introduced me to testing frameworks like Jasmine, Object-Oriented Programming (OOP) concepts such as classes and inheritance, as well as foundational backend concepts like callbacks, async/await, Promises, and Fetch. This project provided a comprehensive learning experience in implementing essential programming techniques in a practical context
Landing Page
This project is a React and TailwindCSS-based landing page designed for VirtualR, a fictional platform offering tools for building VR environments. The page highlights features such as a drag-and-drop interface, real-time previews, multi-platform compatibility, and collaboration tools. It also includes detailed pricing tiers to showcase subscription options. Developing this landing page helped me grasp essential React concepts, Tailwind's utility-first CSS framework, and the principles of responsive web design
CLSF Church Website
In collaboration with a groupmate, I contributed to creating a webpage for Christ the Living Stone Church as part of our Software Engineering course. My key role involved integrating a chatbot system and designing donation forms. These forms allow users to submit their email addresses for donations, triggering automated confirmation emails sent to both the userand the church admin.
Pokedex - PokéAPI
This Pokédex project demonstrates my understanding of JavaScript and API integration through the use of the Fetch API. By connecting to the PokéAPI, the application allows users to input a Pokémon's name and displays its corresponding image dynamically. This project highlights my skills in working with APIs, handling asynchronous JavaScript with Promises, DOM manipulation, and user input handling. It was a practical exercise to reinforce my knowledge of JavaScript fundamentals and web development best practices.
More Projects Coming Soon!