Skip to content

Museum Art Explorer is a free and open-source web application that allows users to search, explore, and view detailed information on artworks from The Metropolitan Museum of Art Collection. The app uses the Metropolitan Museum of Art Collection API—a fully free API that requires no registration—and is built with HTML, CSS, JavaScript, and ...

License

Notifications You must be signed in to change notification settings

bocaletto-luca/Museum-Arts-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Museum Art Explorer | API Free | WebAPP

Author: Bocaletto Luca

HTML5 CSS3 JavaScript Bootstrap 5 License: GPL

Online Demo

Overview

Museum Art Explorer is a free and open-source web application that allows users to search, explore, and view detailed information on artworks from The Metropolitan Museum of Art Collection. The app uses the Metropolitan Museum of Art Collection API—a fully free API that requires no registration—and is built with HTML, CSS, JavaScript, and Bootstrap 5.

Features

  • Dynamic Artwork Search:
    Users can enter any keyword (e.g., "sunflowers") to search for artworks available in The Met’s collection.

  • Detailed Artwork Information:
    Displays key details, including artist name, artwork title, medium, dimensions, department, and culture.

  • Fullscreen Modal for Details:
    Clicking on an artwork opens a fullscreen modal with high-resolution images and additional metadata.

  • Pagination for Large Results:
    If the search returns many results, the app paginates them, displaying 12 artworks per page.

  • Uniform Display:
    Artwork cards have a fixed height, ensuring a consistent and visually appealing layout.

  • 100% Free & Open Source:
    Uses free APIs and open-source technologies—no registration or API keys required.

Technologies Used

  • HTML5 – Structure and semantic markup.
  • CSS3 – Styling and layout design.
  • JavaScript – Powers dynamic functionality and API interactions.
  • Bootstrap 5 – Ensures responsive design and components.
  • Metropolitan Museum of Art Collection API – Provides access to The Met’s artwork data.

Usage

Upon loading the application, users can enter a search keyword (such as an artist’s name or a subject). The app retrieves matching artworks, paginates them, and displays them in a grid layout with fixed-height cards. Clicking on "View Details" opens a fullscreen modal with extended information and high-quality images.

Contributing

Contributions are welcome! If you would like to suggest improvements, report bugs, or add new features, please fork the repository and submit a pull request.

License

This project is licensed under the GPL License. See the LICENSE file for details.

About the Author

Bocaletto Luca
GitHub: bocaletto-luca

Museum Art Explorer is proudly developed by Bocaletto Luca, a dedicated advocate for building 100% free, open-source, and open-data web applications.


Enjoy exploring museum art and happy coding, Rock and Roll friend! 🚀

About

Museum Art Explorer is a free and open-source web application that allows users to search, explore, and view detailed information on artworks from The Metropolitan Museum of Art Collection. The app uses the Metropolitan Museum of Art Collection API—a fully free API that requires no registration—and is built with HTML, CSS, JavaScript, and ...

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published