• Utilized the VS Code API to develop a Software as a Service (SaaS) Boilerplate VS Code Extension for its ease of use to run a command that includes a full tech stack to allow developers to kickstart their SaaS app to cut time away from composition.• Built VS Code Extension with TypeScript for its strict typing nature to defeat error-prone code to move away from error testing with its improved predictability to enable less time for bug tracking, rather allowing more time to produce the application.• Used Next.js to utilize Reacts Single Page Application (SPA) to serve files statically using Static Site Generation (SSG) but as well as enabling the developer to use the option of Server Side Rendering (SSR) by serving the pages props through the server.• Leveraged GraphQL as the rest API for its network enhanced HTTP requests as it aggregates multiple HTTP requests into one query along with its strong typing nature to merge the strict typing of TypeScript to enforce the strict typing nature.• Incorporated Apollo to leverage GraphQL’s query language to fetch data using Apollo Client from the front end as well as made use of Apollo Server to create mutations and executable schemas promoting GraphQL’s effectiveness.• Employed Prisma as an ORM for submitting database queries to work congruently with its human-readable database schema generation provided which also includes a GUI using Prisma Studio to allow developers to view the database.• Developed with an SQLite relational database for its ease of deployment and lightweight storage through its server-less installation allowing developers an easy understanding of where the information is being stored.• Utilized Stripe API for its use of payment management to bring together the SaaS application boilerplate to allow subscriptions payments to charge users with its ease of understanding through its developer friendliness and documentation.

• Developed using React to build an interactive SPA while making use of React’s component functionality to create multiverse modules allowing reusability for components as well for its use of a SPA for its fast client-side rendering and responsive UI.• Designed with MaterialUI as styling for each component to provide dynamic page rendering for exhibited components to provide the user with an elated User Experience (UX) to keep the user drawn in which creates more traction to get customers.• Utilized React Router for its use of displaying independent components on a SPA to allow rendering of separate elements to appear on the Application Programming Interface (API), keeping the user within the initial page loader.• Constructed application with Webpack to bundle all modern JavaScript to transpile using ES5 syntax to allow all browsers to share the same functionality/styling and for its feature of live reloading through its built in live server to allow to have the option of not having to reload the server to render a new change to the web application.

• Composed database storage on MongoDB for its ease of use among developers and simplicity of storage with its highly performant nature as an Object Document Mapper (ODM) due to the data stored not being used relationally, but instead with a schema that only includes important attribute-value pairs such the username, password, and highest score.• Arranged user schema creation with Mongoose to allow for queries/mutations to MongoDB to be in compliance with MongoDB’s data storage and calculate a user's score which builds an incentive to create an account for further score tracking.• Leveraged Express.js’s lightweight framework for server templating and management, flexible routing, middleware management for routing, and precise and informative error-handling for swift server-side development.