/TO-TRAVEL

"TO TRAVEL". The exercise consists of developing a web page making a carousel of images with the "materialize" framework.

Primary LanguageJavaScript

Te apetece viajar?.

Sobre el proyecto 🛠️

En este proyecto se ha desarrollado un carrusel de fotografías usando el framework "materialize".

Construido con 🛠️

  • 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).

Objectivos

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

Guía de inicio rápido

NOTA: Necesitas tener instalado Node JS para trabajar con el Starter Kit.

Pasos para arrancar el proyecto:

  • 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/.

Pasos para publicar el proyecto en GitHub Pages:

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.

Contacto ✒️