A mock Fluid Radio frontend app
This is a project aiming for practicing basic and advanced frontend techniques, eg: HTML, CSS, javascript, webpack, etc.
The website I try to mock is Fluid Radio, it is a very elegantly-crafted website, which has very beatiful layout and interactions, and may encounter some surprise if you wander around the site for a while. :) Of course, it provides really really great music recommendations, along with some beautiful videos.
Following features are required to be implemented:
- responsiveness
- transition animations
- hover reactions (lots of, you will find those reactions here and there )
The basic tech stack i choose include:
- Vue.js
- webpack
I will try to use as few third-party libraries (javascript, css, etc.) as possible, because this is a project for practicing the basic and the essential frontend techniques.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run all tests
npm test
For detailed explanation on how things work, checkout the guide and docs for vue-loader.