Contributed to a job board application to connect entertainment workers and employers, anticipating hundreds of active users upon launch ● Developed a functionality to reorder user’s past work credits list upon clicking up/down icon with React, TypeScript, and Chakra.ui ● Integrated Chakra.ui’s AlertDialog component library to confirm deletion of a past work credit

🔭 RediScope (Open Source) @ OSLabs // www.rediscope.comA web application that visualizes Redis cache performance metrics such as cache hit ratio, memory usage, evicted keys, and more● Used React and Chart.js to create a dashboard of Redis metrics in real-time where users can set desired intervals and data points● Reduced post-deployment errors using TypeScript to provide type safety, compile-time error checks, and legibility to JavaScript● Implemented PostgreSQL database to store user data and Redis URLs to create an unchanging and ACID-compliant environment allowingsecure and fast query processing● Created a dashboard design using styled-components to allow concurrent server-side rendering with stylesheet rehydration, eliminating theneed to use CSS classes in React components● Deployed the application using Docker and EC2, allowing users to access from any machine and any location in a secure and consistent way● Integrated user signup and log-in feature by creating middlewares using Node, PostgreSQL, and Bcrypt to protect users against brute force attacks● Product developed under OS Labs

✈️ Places You’ll GoA web application to keep track of dream destinations and visualize them on a map using ArcGIS API● Displayed an interactive world map using ArcGIS API with features to locate a city directly from user input and create a graphic to display onthe map instantly● Architected Node.js/Express server to efficiently handle HTTP requests by using middlewares to optimize throughput and scalability● Created a MongoDB server and designed a schema to best handle geolocation and user input data used in the app● Used CSS, flexbox, and a color palette to create a visually cohesive design and a responsive layout

🌎 Localization Example => https://localization-example.netlify.appA web application to demonstrate good software l10n (Localization) practice. Created as a resource for a lecture for other engineers● Used React and Vite to create an example of best practices for localizing an English website to Spanish and Japanese by modularizing translated strings to allow for scalability and flexibility

📈 MoodswingsA web application for personal journal entries that adds a mood tracker graph view of your mental state over time.● Created reusable components and hooks using React to manage different states● Utilized React Router to enable seamless transition, allowing users to easily navigate between pages without reloading in a single page application● Visualized user’s mood scale data over time using React-Chart.js for seamless integration between React components

Specializes in Contemporary, Orchestral, Chamber music as well as Theater Arts, Pop, and Experimental music.