cinema's Introduction

Movies filtering app.

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.

Demo

For this project you will need the following

# git installed locally

# node and npm installed locally

# vue-cli installed locally
npm install vue-cli -g

Build Setup

# 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.

Dependencies installed

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.

Recommend Projects