FREEBOARD Template

FREEBOARD

Purpose

1. Using HTML, CSS, JAVASCRIPT.
2. ... JQuery.
3. ... Bootstrap.
4. ... Google Font.
5. ... Fontawesome.

Technical Stack

• HTML, CSS, JAVASCRIPT
• JQuery
• Bootstrap
• Google Font
• Fontawesome
• GridStack

How To Use

1. Press the "Add" button.
2. Click on the gear at the top of the created item.
3. Set the title, width, and heigth.
4. Choose the data type that best suits your needs.
5. Enter each item and press the "Save" button.

Chart Data

{
   "data": [
      {"year": "2015", "react": "0.5", "angular": "0.18", "vue": "0.16"},
      {"year": "2016", "react": "0.8", "angular": "0.2", "vue": "0.17"},
      {"year": "2017", "react": "0.6", "angular": "0.3", "vue": "0.2"},
      {"year": "2018", "react": "1.2", "angular": "0.35", "vue": "0.38"}
   ],
   "keys": ["react", "vue", "angular"]
}

Photo

Start

Grid

Text

After Text

TextArea

After TextArea

Image

After Image

Chart

After Chart

Finish

Histories

2018.09.12. ~ 2018.09.13. Grid System.
2018.09.14. ~ 2018.09.14. Data Type (Text)
2018.09.15. ~ 2018.09.16. Data Type (Chart)
2018.09.17. ~ 2018.09.17. Data Type (Image)