/Freeboard

Freeboard Template

Primary LanguageJavaScript

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

2018-09-17 4 06 01

Grid

2018-09-17 3 32 46

Text

2018-09-17 3 44 59

After Text

2018-09-17 3 45 02

TextArea

2018-09-17 3 45 31

After TextArea

2018-09-17 3 47 25

Image

2018-09-17 3 50 17

After Image

2018-09-17 3 50 21

Chart

2018-09-17 3 56 45

After Chart

2018-09-17 3 56 46

Finish

2018-09-17 4 04 50

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)