Challenge | Gabriel Alberini

Intro

Gracias por llegar hasta aquí, en este Chellenge que a continuación se detallará hemos puesto a prueba conocimientos de HTML, CSS y Javascript. Consta de una pequeña librería que presenta distintos autos de diferentes compañías automotoras. Cada auto ofrece un detallado de las características que posee como también el costo en USD.

Parte importante del proyecto es el HEADER ya que ofrece un conjunto de checkboxs que facilitan el filtrado de autos dependiendo las características que deseemos.

Media Queries

Otro detalle a mencionar es que el proyecto es responsive design con los siguientes puntos de quiebre:

Tablet

• max-widht: 850px

Phone

• max-widht: 450px

Getting started

• Para levantar prueba en servidor local: localhost:####
• Comprobar que el archivo carsJSON.json esté dentro de la carpeta services
• Comprobar que el archivo css.css esté dentro de la carpeta style
• Comprobar que el archivo app.js esté dentro de la carpeta app
• En tanto librerias externas el archivo html ya está realizando las peticiones mediante sus respectivas cdn

DEMO

El proyecto cuenta con un DEMO desplegada en vercel.

• DEMO

Librerias y conocimientos aplicados

• HTML | CSS | Javascript
• Bootstrap
• Font awesome Icon

Funtes

Bootstrap

Bootstrap getting-started

Font Awesome