• Architected Vue Actions and Mutators along with utilizing VueX state-management library and Lodash to integrate Redo/Undo functionality and allow for additional debugging not possible with the vanilla Vuex dev tool via the tracking of actions.• Utilized Vue framework and its reactivity to add new responsive actions such as tracking user focus, dynamically generating template script and menus.• Leveraged D3’s powerful graphical tools to create a tree representation of the vue component hierarchy for user-feedback and clarity.• Configured Quasar framework to facilitate building Electron apps on Windows in order to reach a larger user-base.• Utilized AWS(S3 buckets, Amplify, Cloudfront) to deploy and host a distribution website with embedded PWA and file downloads.• Harnessed Travis CI/CD to automatically push changes to an Elastic Beanstalk hosted website ensuring a reliable, stable and functional app.• Integrated and refactored Jest test suites for TDD as well as ensuring additional features had no side effects when integrated into the main.Official website: Overvue.io

- Mobile-first, location based, political information data aggregator• Implemented Enzyme, Puppeteer and Supertest to ensure test-driven development, resulting in consistent, side-effect free code.• Integrated Travis CI in order to screen github pull requests and maintain repository stability.Leveraged React-Router to preserve SPA design, prevent page reloading while still allowing the user to utilize the browser’s in-built page navigation.• Implemented Styled Components to keep styling scoped to specific components, reducing file bloat by keeping the scripting, styling and html all on one file as well as accommodating for reactive conditional styling and rendering for mobile-first design.• Maintained singleton design pattern to preserve client session for caching search results to speed up loading.

- Web-based text-typing game• Utilized GitHub OAuth to partially remove security burden from the website while allowing for session data preservation and retrieval of user data.• Implemented an SQL database to maintain relational data between users, particular text blocks and high scores. • Extensively used SCSS to maintain consistent aesthetics through the use of saved variables for colors and active or clicked behavior as well as leveraging color coding for validated text input.• Used React Hooks to avoid excessive prop drilling to allow for communication of state between what a user types and verifying if the typed input is valid.Implemented bcrypt encrypted JWTS for additional security as well as maintaining session memory.

-SQL table query prototyper• Implemented Websockets in conjunction with React to maintain consistent state between multiple users viewing the same web page, allowing for collaborative table creation.• Utilized Node.js and Express to manage communication between front end, Websockets and SQL database, allowing for the saving and loading of SQL table queries to a specific user.