My Projects

WoW TBC Moonkin Websim

Skills:

This was a community project that I worked on with a team of 2 other developers. It is an online simulator for the MMORPG game World of Warcraft. It determines how much damage per second a certain class of character can deal out, based on their equipment, talents, what they are fighting, and the length of the fight. It was intended to be a tool to help players make educated decisions in-game about what items to seek out. I created the front-end GUI, while my teammates were responsible for coding the simulator and building the back-end. It is a Flask app built with vanilla HTML, CSS, JavaScript and Bootstrap on the front-end, with the backend written in Python. Though most of my work involved the standard front-end technologies I had worked with before, I did occasionally have to tweak the Python back-end to accept input properly from the front-end. It was my first time working with Flask, and my first time working with Python outside of college. It was also my first time working on a project that was not for school or work.

Autono

Skills:

This is another Code on Point final project, but this time I was assisting the cohort that came after mine. This was a MERN application (excluding react) using HandebarsJS as a template engine. It was made to be a futuristic ride share service with a user account system that offered rides in self-driving cars. It was inspired by sites like Uber and Lyft. I served as Project Manager, Back-end Lead, and Git Master for this project, and was responsible for interfacing with a mock client for style and general design direction, assigning tasks to back-end team members in order to ensure completion of the minimum viable product (MVP), and assisting team members on both ends with tasks, especially the back-end team. This was my first time architecting a full-stack application in the MVC pattern, and also my first time utilizing sessions and cookies to manage user authentication.

Web Scraper

Skills:

This is a tool I developed to help me migrate content between sites. At first, I made it by following directions from a tutorial on web scraping, and it did what I needed it to. But when I needed to use it again a bit later, I wasn't able to, since it had been hard coded to scrape a specific site with a specific structure. Also, my skills had grown to the point that I could see how verbose and awkward that solution was overall, so I rewrote the tool in Typescript from scratch, with an emphasis on keeping it lean and dynamic so it can be used again.

Shiny Sounds

Skills:

This was a project that I worked on with my mentor during my phase 2 of the Code on Point program. It is a React site that allows users to browse and purchase beats, similar to BeatStars. For now, it is a static site, but I plan on revisiting it in the future to add a back-end and make it a full-stack application. This project was my first time working with React.

Carmatch

Skills:

This was my first final project project in the Code On Point Web Development Program. I worked on it with a team of 6 other students. It was the first full-stack application that I ever contributed to. The project is built with the MERN stack (excluding react) and uses HandlebarsJS as a template engine. It allows users to search for cars based on their preferences. It can also match a car to the user based on how they respond to questions on a personality quiz. I was responsible for leading the back-end development team, which consisted of 2 other students. I delegated tasks to each of us, while also assistng my teammates with the more difficult tasks. I also assisted the front-end team with the polishing and final touches to the user interface.

Success Centers Website

Skills:

I designed and developed the Success Centers website as a modern, full-stack application powered by React on the frontend and WordPress as a headless CMS. I owned the entire product lifecycle, from initial planning and infrastructure setup to frontend development, backend integration, and deployment. The build emphasizes scalability, security, and performance, with careful attention to both the user experience and maintainability. I implemented API authentication, optimized workflows, and configured hosting environments to ensure stability under significant traffic. This project showcases my ability to architect and deliver end-to-end solutions that balance technical complexity with usability.

Portfolio Website

Skills:

The site you're visiting right now! I built this site to showcase my skills and experience, and to serve as a hub for my online presence. It is a NextJS site built with ReactJS, and it is hosted on AWS. What you are seeing is the first iteration of it. I plan on updating it as my skills and experience grow.

Roar Project

Skills:

This was a site that I helped my mentor build for a client of his company, Shiny Red Robot. It is a marketing site for a business consultant firm. It is a LAMP site built with a custom Wordpress theme. I was responsible for building the front-end around the client's specifications, while my mentor supervised me and architected the back-end. This was my first exposure to real-world web development, and it was my first time building a full website with Wordpress. It was also my first time working with a client.

Maze Project

Skills:

As part of the first phase of my Code on Point training, I was tasked with expanding on a maze game built by TheCodeDepository on codepen: https://codepen.io/TheCodeDepository/pen/jKBaoN?page=8 . I had to add a timer, a pause button, and a radom difficulty button. I also had to modify the assets to include custom sprites. I was able to complete the project in a few days, and I even had extra time to modify the animated background to reflect the difficulty chosen by the user. It was a great introduction to JavaScript and DOM manipulation. I returned to the project in 2023 to refactor and clean up my old code.

Project Insomnia

Skills:

I worked on this with my mentor and my fellow phase 2 Code on Point participants. It is a business networking site designed to allow users to create accounts and showcase their projects. It uses PassportJS for user authentication. My team and I were responsible for building both the front-end and the back-end of the site. I was responsible for implementing the user account system and implementing authentication middleware that controlled access to pages based on the user's role.

Rocko Fitness

Skills:

This was the first Code on Point program I'd contributed to as a Program Assistant. I served as the Project Manager and Git Master, and I initially played more of an architecht role, defining what the team was to create and the milestones they needed to hit. However, as the project progressed, I stepped in to lead the Back-end team as well. This project was a full-stack application built with the stack that Code on Point typically teaches: MongoDB, NodeJS, ExpressJS and HandlebarsJS. We also It was a fitness app that allowed users to create accounts, log their workouts, and track their progress. It also allowed users to discover a workout plan for their specific body type and time constraints.