👋🏼 'Dutch Delights: Rijksmuseum Unveiled'

'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

📈Activity diagram

---

🛠️ Technologies used

• HTML5
• CSS3
• JavaScript
• Rijksmuseum API (RijksData)

---

👩🏼‍💻 How to use

1. Clone this repository

$ git clone https://github.com/ninadepina/rijksmuseum-unveiled.git

2. 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`;

3. Open the index.html file in your browser or use localhost

http://localhost:5500/

---

👁️ Demo

To see a live demo of this project, visit Dutch Delights: Rijksmuseum Unveiled (preferibly using Google Chrome)

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for more details

---

✅ Checklist/wishlist

• 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