La app a sido deasrrollado implementando las diversas tecnologias destacando:
Asombroso boilerplate facil, ligero, increible. una gran herramienta.
Maestro, asesor y amigo.
Es necesario tener instalado:
- Pocicionarnos en una carpe de nuestra elccion para este ejemplo Documentos.
- Clonar el repositorio aqui
- Entrar en el repositorio creado
- instalar los paquetes pertinentes por npm o yarn
- por ultimo correr el servidor de nuesta aplicacion
$ cd Documentos
$ git clone git@github.com:almagedon/grability-test.git
$ cd grability-test
$ npm install
$ npm run dev
─ grability-test
├── package.json
├── README.md
├── source
│ ├── assets // iconos utilizados para esta aplicacion
│ │ ├── icons
│ │ │ ├── circle.svg
│ │ │ ├── square.svg
│ │ │ └── triangle.svg
│ │ └── img
│ │ ├── book1.jpg
│ │ ├── book2.jpg
│ │ ├── btn_arrow_left.png
│ │ ├── btn_arrow_right.png
│ │ ├── btn-close.png
│ │ ├── btn-delete.png
│ │ ├── btn-favourites-default.png
│ │ ├── btn-favourites-primary.png
│ │ ├── characters.png
│ │ ├── favourites.png
│ │ ├── grability-logo.png
│ │ ├── link-arrow.png
│ │ ├── Marvel-logo.png
│ │ ├── search.png
│ │ ├── shopping-cart-primary.png
│ │ ├── svgExample.svg
│ │ └── workco-logo.svg
│ ├── index.html
│ ├── js
│ │ ├── actions
│ │ │ ├── appBarSearch.js
│ │ │ ├── app.js
│ │ │ └── appModalData.js
│ │ ├── api
│ │ │ └── index.js //archivo con el que se hacen las peticiones a la api
│ │ ├── components // componentes que pertenecen a las vistas
│ │ │ ├── Containers
│ │ │ │ ├── HeroCard.jsx // componente donde se resenta cada heroe
│ │ │ │ ├── HeroCard.scss
│ │ │ │ ├── HeroFavorites.jsx // componentes para la seccion de favoritos
│ │ │ │ ├── HeroModal.jsx // modal para agregar a favoritos
│ │ │ │ ├── HeroModal.scss
│ │ │ │ ├── HeroMoreContiner.jsx
│ │ │ │ ├── HeroMoreContiner.scss
│ │ │ │ └── NavSortCharacters.js // seaccion para ordenar
│ │ │ └── Global
│ │ │ ├── containers
│ │ │ │ └── Search.jsx
│ │ │ ├── Footer.jsx // footer
│ │ │ ├── Icon.jsx
│ │ │ └── NavBar.jsx // navbar y buscador
│ │ ├── dev
│ │ │ ├── logger-exports.js
│ │ │ └── logger.js
│ │ ├── index.js
│ │ ├── reducers
│ │ │ ├── app.js
│ │ │ └── index.js
│ │ └── views
│ │ ├── About
│ │ │ └── index.jsx
│ │ ├── App
│ │ │ └── index.jsx
│ │ ├── Dashboard // vista principal
│ │ │ ├── index.jsx
│ │ │ └── styles.scss
│ │ └── NotFound
│ │ └── index.jsx
│ └── scss // scss base
│ ├── app.scss
│ └── base
│ ├── _app.scss
│ ├── _breakpoints.scss
│ └── _normalize.scss
├── webpack.config.js
└── yarn.lock