On my personal website, under the Forms tab, you’ll find various interactive forms designed for user input. These forms were originally crafted using PHP for server-side rendering, inspired by challenges from ‘Exercises for Programmers.’ With the integration of JavaScript, I’ve enhanced the frontend experience, showcasing a range of additional features that activate when users interact with these elements. To elevate this experience even further, I’ve incorporated Vue to create a more dynamic and engaging environment for users to interact with the forms on my site.

My ‘Workout APP’ took a simple interface from the forms and created more than just a short answer for the user. I often have to remember the main body focus for my workout and the types of sets needed. This app is a simple way to create short lists of workouts dedicated to the muscle group. It was built using local storage and JavaScript class methods to generate app functionality, while using imports and exports to create templates for each page.

The ‘Bill Split APP’ was inspired by a night out with friends and the effort it took to even divide the bill. It has an interface with more personality and functionality. I used similar routing in Vanilla JavaScript to create multiple page templates.

My ‘Dunkin’ Donuts: Vue App’ is built using Vue 3, a JavaScript framework used for building user interfaces. The latest version of Vue is a versatile framework that uses stores to pass variables and data to multiple components, meaning it can be used for small one-page sites to large multi-page projects. Reactive and computed variables give me the flexibility to work with live variables. To go along with this, I used Firebase to provide a database for users, products, and their items.

‘SecondWave: Resell Shop’ is a cutting-edge web application using Nuxt 3 framework, leveraging the power of Supabase as the robust database solution for seamless product management. This substantial undertaking demanded rapid learning and a high degree of adaptability to master emerging technologies and deliver a scalable, high-performance solution. Achievements include proficiently integrating advanced features and optimizing database operations to ensure a streamlined user experience.