Mind map

Mind map

1. Data Interface

   • Table
     • Row
       • social media link
     • Column
       • social media
     • Cell
       • discord
       • A cell is a place where data is stored
     • headings
       • social
       • Specific page name
     • Sample Data
       • "social": { "discord": "https://discord.gg/zWvA6GPeNG", "reddit": "https://www.reddit.com/r/SwapiOfficial/", "github": "https://github.com/semperry/swapi/blob/main/CONTRIBUTORS.md" }
   • HTML
     • HTML allows the table to be displayed to the user through a website. It allows the website to be structured
   • CSS
     • CSS is used to format the and stylize the data and website
       • Used to change the theme of the website to dark mode, center all texts in the mage and apply margins to containers

2. Data Structures

   • JSON
     • Keys
       • Refers to the identifier or name
       • "bar"
     • Values
       • "Hello"
       • Refers to the string/number/value inside of a key
     • Array
       • foo
       • An array is a group of key value pairs
     • Example
       • "foo" : { "bar" : "Hello", "baz" : [ "quuz", "norf" ] }

3. Data Specification

   • Data types
     • String
       • A sequence of data
     • Array
       • A data structure which stores elements of data
     • Integer
       • Refer to whole numbers
     • Object
       • Refers to a data location
     • null
       • Missing or invalid data
   • Data length
     • The data length refers to the byte size of data
   • Constraints / Validation
     • Every key must have a value to form key value pair
     • Ensure objects, arrays, key value pairs are formatted correctly with correct syntax