Welcome and thank you for exploring Exhibition Curator, a web app where users can discover artworks and antiquities from the collections of The Metropolitan Museum of Art and The Art Institute of Chicago and curate their own personal exhibitions.
You can explore the live version of the app here.
Exhibition Curator offers an intuitive and engaging way to navigate artworks from both The Metropolitan Museum of Art and The Art Institute of Chicago via open access APIs. Users can search for specific pieces, filter results by collection and browse effortlessly with seamless pagination. The platform displays images and essential details about each artwork individually, allowing for a deeper appreciation. Each artwork has its own unique link, which can be easily shared with others for direct access to the artwork's details page.
Beyond discovery, the app lets users curate their own personal exhibitions by creating and managing multiple collections. Artworks can be added or removed at any time and exhibitions are stored locally using localStorage, ensuring they remain available for easy access and review.
Exhibition Curator is fully accessible and responsive, providing an inclusive experience for all users across all devices. The app clearly provides feedback on interactions, displays error messages and shows loading states while content is being fetched, ensuring a smooth and intuitive experience throughout.
- Frontend: HTML, CSS, JavaScript, React (including React Router)
- Build Tool: Vite
- API Handling: Axios (with axios-rate-limit)
- Storage: localStorage
- Deployment: Netlify
- Accessibility Tools: Lighthouse, WAVE
- Graphics: Canva
- Node.js: v21.7.2 or above
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/zairacodes/exhibition-curator.git cd exhibition-curator -
Install dependencies:
npm install
-
Run the dev environment:
npm run dev
Feel free to reach out if you have any questions or feedback!
