Met Explorer is a React/Redux web application that allows users to browse The Metropolitan Museum of Art's nearly half-million pieces of artwork and historical artifacts. Users can create create their own "collections," add artwork to each collection, and add personal annotations to each piece. Designed with accessibility and device-responsiveness in mind, the UI/UX strives for simplicity and ease-of-use, with an on-brand, minimalistic design.
A Cypress acceptance test suite is also included with the project. See installation instructions below for running the application and/or tests locally.
Met Explorer is an extracurricular personal project I made in order to teach myself Redux and SCSS. Being a frequent visitor of the MET during my years living in New York, I was excited to find their Art Collection API, and felt that the dataset would also present an opportunity to work with larger datasets than I had worked with in the past. Figuring out a way to optimize pagination and keep track of the potentially tens-of-thousands of results was an interesting challenge, and is a technique I'm looking forward to improving on in future projects. As always, thoughts and constructive feedback are welcome!
- JavaScript ES6
- React.js
- React Router
- Redux
- Redux Thunk
- Sass/SCSS
- Cypress.io
- HTML5
- Figma
- Webpack
- Netlify
- Fork this repository.
- Clone your forked repository to your machine.
cdinto the top level of the project repository from the command line and runnpm i.- Run
npm startto launch the application's server. - Navigate to http://localhost:3000 in your browser to view the live page.
- To run the Cypress test suite, run
npm run cypressfrom the command line while in the top level of the project directory.