ArtSearch

Search art by years!

Comment

Inspiration

We initially wanted to make something where you could filter by certain parameters to get art from a museum's API, so it could be a way of discovering new art without leaving the house to actually browse a museum. I love art but sometimes it's hard to discover new pieces

What it does

If you type in a year, the website will show some art that was made that year. It's useful for being able to see certain trends in art and how historical events affected art. Or you can just try to find new art from a certain time period you're not very knowledgeable of.

How I built it

The frontend is in Bootstrap, CSS, and HTML. The functionality is that we made a JavaScript mapping with years and image srcs to artwork made in that year. Then when a year is typed it, it looks up the year in the map and replaces the image on the right with an image of artwork from that year.

Challenges I ran into

We wasted a lot of time trying to work on our initial idea with the APIs before realizing we probably wouldn't finish in time. Working with API calls in Ajax/JQuery/JavaScript was not something I'd done before and we struggled a lot with getting it to work. Eventually, we just decided to use a JavaScript map instead that we made ourselves. We compiled artwork and years the night before and remade the JavaScript to work with a map.

What I learned

We learned about APIs in some capacity even though we didn't end up getting that section working. I also learned about the format and syntax of Ajax and JQuery, both which I never used before.

What's next for ArtSearch

If we could get APIs working, that would be awesome. We would also need to fix up the frontend and get a filtering system working again. I also didn't notice until the end, but I think standardizing the painting sizes in CSS would also look nice.

Built With

Share this project:

Updates