This readme is a quick overview of the project. For the full documentation, please visit my Github Wiki
Visit our live demo in Github Pages here.
The Rijksmuseum Gallery App is a web application that allows users to browse and search through a collection of art pieces from the Rijksmuseum. Users can also filter and sort the collection, and save their favorite pieces for later viewing. The app is built using HTML5, CSS3, and Vanilla JavaScript.
To install this project, simply clone the repository and open index.html in your web browser.
git clone https://github.com/your-username/rijksmuseum-gallery-app.git
cd rijksmuseum-gallery-appopen index.html in your browser of choice, but preferably a chromium-based browser like Google Chrome or Microsoft Edge.
The Rijksmuseum Gallery App has the following features:
- Search for art pieces by keyword
- Filter art pieces by top pieces and image availability
- Sort art pieces by relevance, type of art, oldest, newest, and artist name
- Save view and remove favorite art pieces
- Access the search and favorites list from the menu in the bottom right corner
The Rijksmuseum Gallery App uses the Rijksmuseum API as its external data source. The API provides a collection of high-resolution images and metadata for art pieces in the Rijksmuseum's collection.
Here's a list of what we have accomplished so far and what is still on our wishlist:
Done
- Set up project folder structure and modules
- Get API key from Rijksmuseum
- Fetch data from Rijksmuseum API
- Display art pieces with lazy loading and infinite scroll
- Add loading animation
- Add menu for accessing search and favorites list
- Implement search and filter functionality
- Implement sorting functionality
- Implement favorites list with local storage
- Write documentation
- Create wireflow diagram
- Better error handling
- Add better support for mobile devices and certain browsers
- Add support for multiple languages