CS411 Full Stack Web Development Project

Fall 2023

   Historicolor is the semester long project I worked on with 3 other students in my class (see one of my teammates!). Our original plan was to use 3 APIs to 1). Display a painting from Harvard Art Museum API, 2). Use the imagga API to pick the 3 most common colors from the painting, which the user would then have to guess the HEX values of, and 3). Display some information about the painting once the user got their score. However, the Harvard API fell through and we switched to using the Art Institute of Chicago API, and chose to forgo the 3rd step.
    My role, along with one other of my group members was to work on the frontend, while the other two worked on backend. Through this I was able to learn a lot about HTML and CSS, and the different ways to integrate the two of them. One problem we had was connecting the frontend and backend using APIs, which we needed to calculate and display the score to the user. Since we were running out of time on the project, we opted to write the code to calculate the score directly in the frontend. While this is not optimal in a real life setting, it was enough to get the site to be functional for grading. In the future, I'd like to fully flesh out this site and get it working properly without any time constraints. Additionally, I'd like to work on the backend and better understand how it works.
    Through this project I learned how to navigate working in a team setting and resolving issues that came up within the group. This was especially relevent when learning to use git as a team, where I had only used git individually before.

Github Link

CS357 Bungle! Lab (SQL Injection, CSRF, XSS)

September 2024

Coming soon!

CS440 Alpha-Beta Pruning and Chess

October 2024

Coming soon!