/Art-Museum-Api

This Javascript app fetches artworks in the Art Institute of Chicago from an API according to the user’s search criteria, displays them, and then, on the artwork of the user's choice, displays more detailed information and allows the user to post likes or comments.

Primary LanguageJavaScriptMIT LicenseMIT

Art-Museum-Api

This Javascript app fetches artworks in the Art Institute of Chicago from an API.

From the home page the user can input the artist, or title, or type of artwork that they are searching for:

Homepage

The app will then render a listing of all the works that match the search criteria, displaying their image as well as their title and creator name.

Listing pre-likes

The user can the input "likes" on the artworks of his/her choice.

The comment button brings up a popup window with additional information regarding the artwork (type of artwork, medium, dimensions, date, provenance of artist, category in which the artwork is included), the comments posted by other users (if any)...

Pop-up

... as well as the form for the current user to input a comment.

Comment form

When the pop-up window is again accesed later, the user's comments will be displayed.

Pop-up

The application makes API calls to the Chicago Art Institute API retrieving information about the movies. Another API, Involvement API, is responsible for saving likes and fetching the number of likes, saving comments and fetching a list of comments. All those functionalities are tied-up in a single codebase.

Built With

  • HTML
  • CSS
  • JavaScript
  • Chicago Art Institute API
  • Involvement API

Getting Started

To get a local copy up and running follow these simple example steps.

Setup and Install

  • Open your terminal - Windows: Win + R, then type cmd | Mac: Command + space, then type Terminal
  • Navigate to a directory of your choosing using the cd command
  • Run this command in your OS terminal: git clone git@github.com:German-Cobian/Art-Museum-Api.git to get a copy of the project
  • Navigate to the project's directory using the cd command
  • Input the following: <project's file path in your computer>/Art-Museum-Api/index.html into your web-browser's address bar

Authors

👤 German Cobian

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Guidelines for this project supplied by Microverse.

📝 License

This project is MIT licensed.