The Breaking Bad - Single Page App

"The Breaking Bad - SPA" es una página web donde puedes comprar ver información sobre los personajes y episodios de la serie. Pruébalo aquí.

El sistema está dividido en tres secciones:

1. Página de inicio, se visualiza los personajes y episodios.
2. Página de Personajes/Episodios, se visualiza el listado de cada uno, además la paginación de los personajes.
3. Página de información, se despliega la información individual de cada personaje o episodio.

Consideraciones técnicas sobre el proyecto

• El proyecto aplica el Single Page App, una aplicación web de página única y carga la información usando JavaScript Vanilla.
• Se utiliza una API pública para mostrar la información y navegar entre los detalles de cada personaje y episodio.

Manual de instalación

1. 📦 Instala las dependencias del proyecto con el comando npm install.
2. Ejecuta el archivo de construcción de package.json con el comando npm run build.
3. Ejecuta el script "start" que será "node server.js", para ver el interfaz en local, usa el comando npm run start para arrancar el servidor web y dirígete a http://localhost:8080 en tu navegador.

Aprendizajes nuevos

• Aplicación de BABEL y Webpack.
• Manipular el historial del navegador a través del objeto history.
• Paginación utilizando Limit & Offset que provee el API.
• Travis-ci para la integración continua con GitHub Pages.

Tecnología usada

• HTML
• CSS
• JavaScript
• Webpack
• Travis
• NPM
• The Breaking Bad API

Demo 📱 | Código

Previsualización