Rick and Morty Single Page Application

Description

This SPA was built in a course of Single Page Application from Platzi. The principal objetive is get data of the Rick and Morty API and print the results through a router build with JavaScript Vanilla.

First steps

The packaging of this project is built with webpack. If you want install all dependencies and work with this project, you can run this commands:

$ npm install

For work in local:

$ npm run start

For build the app:

$ npm run build

Preview

Desktop version

Tablet version

Mobile version

Desktop cards

Mobile cards

Live

You can see the complete live project here -> https://johncardenasp.github.io/rickandmorty/

Technologies

1. HTML, CSS and JavaScript Vanilla
2. Webpack
3. Babel
4. Travis CI

What did I do?

• Get data for an external API by async / await functions.
• Layout maquetation with HTML and CSS reutilizable-components.
• Webpack implementation for allow import / export files.
• Babel using for code transpiling and compatibilty with all browsers.
• Production deploy with Travis CI and GitHub Pages.