Card counter - Daniela Serrano

This is a practice exercise that helps to understand the JSON file flow using CRUD.

Table of contents

• Overview
  • The exercise
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The exercise

Users should be able to:

• Add maximun 5 cards
• Delete the cards until reminds just one
• Modificate the score number with a condition: If the card is in the first position, the counter is going to count until the position multiplicated by 10, it means that the counter is plusing until 10. Else if the card is in the second position, it means that the score is counting until 20 because it mutiplies the position (2) by 10. In that way, the third position the score is until 30 (position 3 per 10), the fourth until 40 and the fifth until 50

Screenshot

Links

• Exercise URL: Exersice
• Live Site URL: Card counter

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Vanilla Javascript

What I learned

This exersice helps to understand the JSON file flow throw the application

To see how you can add code snippets, see below:

function showCard() {
    fetch('./JSONDATA.json')
        .then(response => response.json())
        .then(data => {
        });
}

Author

• Website - Daniela Serrano
• Github - @danielaser