Landkit Page - API Test

Overview 🔤

This project consists of creating a page in HTML, CSS and Javascript based on the Figma Design, applying SASS and BEM structures.

Resources 👓

Requeriments ☑️

HTML Semantics
SASS: CSS pre-processor
Design patterns
Code order
Good practices
Correct use of rules and tools will be taken into account
Images optimized for the web (analyzer)
Check Gtmetrix score
Check PageSpeed Insights
And of course, that the page looks faithful to the design.

Work flow 📏

Create draft of figma design
Upload code in the repository (public or private)
All in English (branches, commits, code)

Deployment

Landkit page

https://crispthoalex.github.io/landkit-page-API/

API 🛣️

Description Deployed from heroku app. Contains objects with the next structure:

{
    "userId": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "imageBg": "http://placeimg.com/320/205/",
    "id": 1,
    "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto",
    "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum corrupti quae voluptate, velit architecto numquam assumenda nostrum obcaecati temporibus consequuntur dolore expedita dignissimos molestias provident! Optio necessitatibus ipsa enim impedit. Quasi quaerat at sunt porro soluta nostrum odit nemo eum, illum dignissimos? Incidunt, alias sequi provident aliquid nam possimus fuga illo deleniti fugit nobis doloribus aliquam sapiente minus quibusdam sunt."
  }