En este proyecto se ha desarrollado un carrusel de fotografías usando el framework "materialize".
- HTML / CSS /JAVASCRIPT - Lenguajes de programación
- SASS - Preprocesador CSS
- REACT -
- NPM - Gestor de dependencias
- ADALAB WEB STARTER KIT (plantilla de proyecto con funcionalidades preinstaladas y preconfiguradas).
- Usar "materialize", un framework resposive basado en Material Desing", adaptándolo a REACT. En concreto usaremos el componente "carrusel". Este es un componente robusto y versátil con un control deslizante de imágenes. Es táctil, lo que lo hace especialmente fácil de usar en dispositivos móviles.
NOTA: Necesitas tener instalado Node JS para trabajar con el Starter Kit.
- Clona el repositorio.
- Instala las dependencias locales. Ejecutando en la terminal el comando:
npm install
- Arranca el proyecto. Ejecuta el comando:
npm start
Este comando:
- Abre una ventana de Chrome y muestra tu página web, al igual que hace el plugin de VS Code Live Server (Go live).
- También procesa los ficheros HTML, SASS / CSS y JS y los genera y guarda en la carpeta
public/
.
Para generar tu página para producción ejecuta el comando:
npm run githubpages
Sube a tu repo, en el apartado de GitHub Pages, la carpeta docs/
que se te acaba de generar.