Suru

Live demo

https://surujapaneseprints.netlify.app/

About

Suru is a website I created as a take-home test for a traineeship position. The public API was retrieved from the Harvard Art Museum. When cloning this project from Github, you would have to request an API key. The Harvard Art Museum API documentation provides information how to request a key.

Author

Ichmarah Kock

Setup 🚀

• Clone this project from https://github.com/ichmarah/Suru-Japanese-Prints.git
• Install Node
• At root of project type npm install && npm run serve or yarn install && yarn serve to install the dependencies and to run in development mode
• Open in browser: http://localhost:8080

Requirements

• All pages must be fully responsive
• Fixed menu in header with 3 buttons (Home, Categories, Random) – 4th button About was my own choosing
• Show 10 sortable prints from the public API on Home page
• Prints must be clickable to a detailpage
• Detailpage shows 3 other prints relevant to main print
• Random shows a random print when the button is clicked
• Footer with generated sitemap

Built with

Vue.js and TypeScript

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.