- Utilized Webpack to create a downloadable custom loader that abstracts boilerplate code, enabling seamless integration into the user’s build process and leveraging access to a comprehensive ecosystem of plugins and loaders which provide extended customizability and functionality.- Integrated Babel to read, parse through and transform Angular files, generating Abstract Syntax Trees (ASTs) which allow for granular control, and thus open up the opportunity to manipulate code written in Angular’s structure.- Used TypeScript to implement strong and static typing providing safer and more predictable code.- Used Next.js to construct the web page with different rendering techniques leveraging the ability to render different components using static-site generation, server-side rendering and client-side rendering depending on the content and functionality of the page, improving rendering speeds and thus user experience.- Used Prisma to construct complex database schemas and queries, implementing its fluent syntax and strong type safety, enhancing readability and reliability, helping catch errors early in development.- Implemented PostgreSQL to have data be relational, providing the functionality for users to store data to their own accounts, as well as ACID compliant, ensuring the database remains valid, even in the face of failures, concurrent transactions or system errors.- Deployed Jest to test the webpack loader, using mock functions to test individual functions allowing for a more granular testing architecture, consequently, making the app more reliable and reducing the possibility of future errors in deployment.- Product developed under tech accelerator OSLabs (opensourcelabs.io).