Consiste en desarrollar una página web con un listado de personajes de Harry Potter, que podemos filtrar por el nombre del personaje y por Casa.
NOTA: Necesitas tener instalado Node JS para trabajar con este Starter Kit React:
Pasos a seguir cada vez que queremos arrancar un proyecto desde cero:
- Clona esta repositorio desde GitHub.
- Abre una terminal en la carpeta raíz del repositorio.
- Instala las dependencias locales ejecutando en la terminal el comando:
npm install
npm install node-sass
npm install react-router-dom@5.3.0
Pasos para arrancar el proyecto:
Una vez hemos instalado las dependencias, vamos a arrancar el proyecto. El proyecto hay que arrancarlo cada vez desees verlo desde tu computador Para ello ejecuta el comando:
npm start
Este comando:
- Abre una ventana de tu navegador y muestra la página web, al igual que hace el plugin de VS Code Live Server (Go live).
Para generar mi página para producción ejecute el comando:
npm run githubpages
Y a continuación:
- Entre en la pestaña
settings
de mi repositorio b. - Y en el apartado de GitHub Pages activa la opción master branch /docs folder.
- Y ya está
Tal vez quieras cojer el código de esta evaluación entonces estas en libertad de hacer los mismos pasos que hice yo para tu repo. Recuerda que deberias copiarlo (descargarlo como un zip) y no clonarlo si es lo que deseas.