Javascript Interfaces

Project container's image

Javascript is the most widely used programming language and has become a vital tool for developers. Although it is primarily a frontend language, there have been evolutions to make backends like Node and entire Frameworks on which projects can run. This timeline demonstrates the scaling of ideas and the process of understanding what is needed to make a website properly.

  • Form Interactions

    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.

  • Workout App

    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.

  • Bill Split App

    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.

  • Dunkin

    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

    ‘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.