This project is a rebuild of the original Crux Axul site with Vue 3 in Vite. The goal is / was to create proper dynamic and linkable subpages and an easier way to build the release catalog, w/ the option to connect the whole app to a headless CMS down the line if necessary. I also wanted to re-factor the markup to BEM principles and at least implement basic web accessibility. You can view version changes in the Changelog.
- Built with Vue 3 / Vite
- Data is fetched from multiple JSON files
- Media queries handled /w SASS-mq
- Icons are pulled from Oh, Vue Icons!
- Home template pulls data from newest JSON entry / release
- Releases and Releases detail templates pull data from JSON in general
- Releases page can be filtered by ascending / descending releases
- Mobile puts the nav into an classic overlay /w hamburger
- An ExpandableText component makes it possible to control if and how longer texts can be expanded / collapsed
- Still some refactoring of views and CSS needed
- Design could be nicer, though the mindset here is also progressive enhancement and not "from scratch"
- Add "filter by artist" on Release view
npm installnpm run devnpm run buildLint with ESLint
npm run lint