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.