Twitch Auto-Highlight | A web app for Twitch viewers who want to see automatically generated highlights of streams.● Created reusable UI components using React for search, sidebar, and Twitch player features.● Seamlessly integrated Redux to manage application state.● Wrote IRC chat monitoring code to integrate with Twitch API for chat message detection. ● Built algorithm to determine when to take a clip of the current stream based on IRC chat activity.● Integrated with Twitch API using OAuth 2.0 to authenticate and connect to chat stream interface.● Authored JavaScript code to integrate Twitch video player into web application to display clips.Technologies: React, Redux, Socket.io, Node.js, Express.js, MongoDBDotEnv, JSONWebToken, JavaScript, HTML5, CSS3, BabelWave Cave | A web app for music fans who want to listen to and share new music.● Created UI components using custom JavaScript, Bootstrap and React for uploading songs.● Integrated with Google Cloud Storage using OAuth 2.0 to upload and download song files.● Created audio player UI with custom CSS and React to control playback of the selected song.● Built back-end routes using the Express library in a Node.js environment.● Implemented DOM manipulation to create and append HTML elements onto the page.Technologies: React, JavaScript, CSS3, HTML5, RESTful HTTP API, Node.js, Express.js, MongoDB, Google Cloud Storage, BootstrapRocket League Stats | A web app for Rocket League players who want to keep track of their stats/ranking.● Created UI components using custom JavaScript, CSS and HTML for player search.● Integrated with Rocket League API using OAuth 2.0 to authenticate and fetch player data.● Generated Top 10 leaderboards and player comparisons based on selected stat.● Implemented DOM manipulation to create and append HTML elements onto the page.Technologies: JavaScript, CSS3, HTML5, RESTful HTTP API, Node.js