'Dutch Delights: Rijksmuseum Unveiled' is a Single Page Application that let's you explore the Rijksmuseum's collection. You can search for artworks, artists and get more information about them.
🛠️ Technologies used | 👩🏼💻 How to use | 👁️ Demo | 📄 License | ✅ Checklist/wishlist |
---|
- HTML5
- CSS3
- JavaScript
- Rijksmuseum API (RijksData)
- Clone this repository
$ git clone https://github.com/ninadepina/rijksmuseum-unveiled.git
- Create your API key
- Go to Rijksstudio and sign up
- Go to advanced settings and request your own personal API key
- Add your API key to the
fetchData.js
file
const url = `https://www.rijksmuseum.nl/api/${radioValueLanguage}/collection?key=[YOUR-API-KEY-HERE]&q=${userInput}&ps=${radioValueSearchAmount}&imgonly=true`;
- Open the
index.html
file in your browser or use localhost
http://localhost:5500/
To see a live demo of this project, visit Dutch Delights: Rijksmuseum Unveiled (preferibly using Google Chrome)
This project is licensed under the MIT License - see the LICENSE
file for more details
- Fetching and displaying data from API
- Search functionality
- Filter functionality
- Loading state
- Error state
- Generate random artwork
- Skeleton loader
- Detail page (with routing)
- Search suggestions
- Loader on first load
- Switch between languages
- Responsive design
Things that can be added (but chose not to):
- Pagination
- Favorites