Designed modular, reusable components using React-ts and React-Router to provide a smooth conditional re-rendering UI experience for the userUtilized Tailwind CSS to style and format components with predefined and configured custom styles for styling consistency and performanceBuilt out the application using Vite for a faster load time with hot module reloading and minification to decrease file size and ease-of-useEmployed Express to connect a NoSQL database and create middleware and routing functionality to allow a user to sign up or sign in to the applicationApplied bcrypt to hash passwords upon signing up and comparing passwords upon login providing security on the user’s information being stored within the databaseImplemented TypeScript to provide type safety and code readability throughout the application by catching errors before run time and allowing for future developers to better understand and maintain the codebaseUsed MiniKube to spin up local Kubernetes clusters for testing with Prometheus to connect to Grafana and display charts on the frontend for cluster scaling, health, and alerts metricsUtilized Docker to containerize and deploy micro-service applications within Kubernetes pods in a standard, scalable, cost-efficient way for development

Configure routes for HTTP endpoint requests using Express to build a RESTful API, and build out middleware to read or write data to the database, architecting a modular file structure for readability and debugging purposesConstructed reusable components with React and React Router to allow users to navigate the application without refreshing the page while also providing a seamless and interactive user interface

Utilized an SQL database to establish relationships between a user and their library of books, as well as the books and their genres, ensuring data consistency, enabling powerful querying capabilities, and improving the overall scalability of the application Implemented Node/Express to handle HTTP/API calls allowing for the ability to make queries to the database and retrieve data, then provide the frontend with the information to display on the screen, as well as accept user input and modify the database accordingly

Migrated the routes of the application to point to new endpoints and create new routes for components, giving the application a more consistent re-rendering experienceIntegrated SASS/SCSS into React components to create a responsive design that aligned with WCAG’s AA and AAA guidelines for both mobile and computer usersCreated the components needed for card collections, while keeping in compliance with the modularity of the file structure, providing better file readability and easier debugging for the application