- Developed a Zustand developer tool that helps debug state management with time travel, action logs, rendering metrics, and contributed to Zustand's official third party library documentation.- Implemented a Node package module that acts as middleware, to parse through and read the Zustand store for any state changes, which allows for easy integration of the developer tool.Utilized React to structure a virtual DOM allowing for fast and effective rendering, and unidirectional flow for easy debugging, and component based architecture, creating modularity, and organized files.- Integrated Tailwind to create clean, consistent, and efficient styling, decreasing the amount of CSS and allowed for responsive theme changing.- Leveraged React Fiber architecture internals to create hierarchical data using D3 hierarchy compounded with react-d3-tree to render a component tree, while integrating chrome messages to pass data from the user to the extension.- Incorporated Zustand, to efficiently access state across components and reduce inefficient hooks, allowing for cleaner components and a cohesive repository for the applications states and functions.- Implemented React Testing Library to create unit tests for different components to check if everything is rendered correctly, and tested various functions, to make sure they are all single purpose.

- Developed a social media like application, that allows users to upload their favorite food photos, write descriptions, and save the name of the restaurant for reference for other users. Implemented the Yelp API to also give a list of recommendations based off the users input.- Implemented yelp's API to retrieve data in the backend in order to display a list of recommendations for users on the frontend. Allowed users to input their preferences by using fetch protocol to send request bodies to the express servers.- Leveraged webpack to bundle files together and utilized it as a build tool for the web application deployment process, allowing for optimized loading times, and management of different assets required.

- Restructured and organized the whole backend using Express, by modularizing routes and controllers using MVC patterns for an improved developer experience on future iterations.- Integrated OpenAI's advanced features to create a study tool for students who need a private tutor when studying a certain topic. OpenAI was used to simulate a personal tutor persona.- Created a feature to allow openAI to generate flashcards in question and answer format from the users prompt, and used React to render and make flashcards for the student as a study tool.- Used React Router to create dynamic routes for the user by incorporating various routes, and its usage of browser history API allows for back and forward navigation to create a SPA style application that redirects the user.