Track my development activity and contributions on GitHub
Linoflap Technology Philippines Inc.
Developed an interactive web application prototype using Next.js, React.js, and TypeScript in an Agile environment
Translated Figma designs into functional React components with MUI and Tailwind CSS, establishing core application architecture.
Implemented RESTful API integration with Axios for dynamic data flow and user interactions.
Implemented Zustand for efficient state management and component rendering.
Collaborated with cross-functional teams to troubleshoot and resolve frontend issues.
Conducted API testing using Postman to validate data being returned from the backend.
Confidential Project
Government Operations
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.
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.
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
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
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.
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!