Artwork Viewer with MET Museum API

  • Tech Stack: TypeScript, React, API, HTML, CSS
  • Github Link: Codebase

Dynamic Artwork Slideshow: Automatically rotates artworks every 10 seconds, providing a smooth and engaging browsing experience. The app preloads the next artwork to prevent delays and ensures a seamless transition between images.

Optimized Data Fetching: Instead of loading all 400k+ artwork IDs at once, the app fetches data department by department (19 total) and shuffles the department order. This approach reduces API load, maintains diversity, and avoids overwhelming the app.

Comprehensive Info Panel: Each artwork, when clicked, comes with an overlay displaying detailed metadata, including title, artist, medium, date, department, culture, and a direct link to the MET Museum page for deeper exploration.

Robust Error Handling & Performance: Handles missing images or failed API calls gracefully, ensuring the slideshow continues uninterrupted and the user experience remains smooth.