Evaluación final Módulo 2 sobre JavaScript.

Ejercicio sobre los personajes de Breaking Bad.

Autora: Raquel Peña.

En este proyecto se usa Adalab Starter Kit que es un automatizador de tareas.

Sobre el proyecto

La imagenes vienen cargadas directamente desde la API de Breaking BAD.

Si seleccionas tus favoritas estos irán a parar a la columna de favoritos y a su vez, a la memoria de tu ordenador lo que hará que si refrescas la página seguirán apareciendo. ¿Jesse ya no te gusta? pulsa sobre Delete All y se borrará de la columna y del almacenaje de tu pc. No te preocupes, él nunca lo sabra :).

Guía de inicio rápido

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

Pasos a seguir cada vez que queremos arrancar un proyecto desde cero:

1. Crea tu propio repositorio.
2. Descarga este Starter kit desde GitHub.
   • No recomendamos que clones este repo ya que no podrás añadir commits.
3. Copia todos los ficheros de este Starter kit en la carpeta raíz de tu repositorio.
   • Recuerda que debes copiar también los ficheros ocultos.
   • Si has decidido clonar este repo, no debes copiar la carpeta .git. Si lo haces estarás machacando tu propio repositorio.
4. Abre una terminal en la carpeta raíz de tu repositorio.
5. Instala las dependencias locales ejecutando en la terminal el comando:

npm install

Pasos para arrancar el proyecto:

Una vez hemos instalado las dependencias, vamos a arrancar el proyecto. El proyecto hay que arrancarlo cada vez que te pongas a programar. Para ello 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 observa todos los ficheros que hay dentro de la carpeta src/, para que cada vez que modifiques un fichero refresca tu página en Chrome.
• También procesa los ficheros HTML, SASS / CSS y JS y los genera y guarda en la carpeta public/. Por ejemplo:
  • Convierte los ficheros SASS en CSS.
  • Combina los diferentes ficheros de HTML y los agrupa en uno o varios ficheros HTML.

Después de ejecutar npm start ya puedes empezar a editar todos los ficheros que están dentro de la carpeta src/ y programar cómodamente.

Si has llegado hasta aquí, solo agradecer tu tiempo y espero que te sea útil. Be happy.