Movies filter app created with VueJS 2 including BEM methodology, SMACSS style guide, Modular Scale and Foundation grid system.
Desarrollo de una app para filtrar películas por ciudad y disponibilidad en VueJS. Gestión de estilos por medio de la metodología SMACSS. Escritura de clases css/scss orientada a objetos según BEM. Tamaño de fuentes modulares respecto a la escala modular. Uso de Functions y Mixins para optimizar el desarrollo en SASS. Uso de grillas siguiendo los últimos estándares de tamaños de pantallas con Foundation. Carga de imágenes asíncronamente. Información (imágenes y textos) guardada localmente por sesión.
# git installed locally
# node and npm installed locally
# vue-cli installed locally
npm install vue-cli -g
# 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
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
- sass-loader: Sass loader for webpack. Compiles Sass to CSS.
- modularscale-sass: Modular scale calculator built into your Sass.
- vue2-filters: A collection of standard filters
- axios: Promise based HTTP client for the browser and node.js.
- vuex: Centralized State Management for Vue.js. Centralized State Management for Vue.js
- vue-progressive-image: Vue progressive image loading plugin.
- material-design-icons: Material design icons are the official icon set from Google that are designed under the material design guidelines.
- vue-progressbar: A lightweight progress bar for vue.