Intro Imagine that you are involved in the development of a large file storage system. Special feature here is storing photos and images. We need to provide our users with the possibility to view stored images from a web interface.
- Dev notes
- I used an instance of vue-enterprise-boilerplate because this boilerplate has base set-up for production development (docs, pre-commit, eslint, stylelint, auto-registration modules etc) and I used such set-up before and used it now to speed up development
- Global injection (for base components) was removed from the boilerplate because global injection is not the best practice
- I added vue router here for a future SPA, constant folder, decompose data to store, services folder and saved user data to local storage
- Styles are in Vue files, for my mind in real life it would be better to create a folder for component and put styles file there
- UI/UX notes
- I spend much time for viewer component. I tried different libraries and chose v-viewer for first time, now I changed it to vue-zoomer
Thank you for your time
This project includes a docs folder with more details on: