/ Table

Markdown Table Generator in React

Markdown Table Generator in React

React Markdown Table Generator

Creating Markdown Tables without having to be an ascii art professional.

React-Markdown-Table-Generator

To Run

yarn install
yarn start

Or,

npm install
npm start

The server will start on http://localhost:3003.

TO DO LIST

Misc

  • [x] Push the initial commit
  • [x] Delete the default README.md
  • [x] Make a Todo List
  • [x] Add Redux
  • [x] Add SASS support
  • [x] Add immutable
  • [x] Deploy to EC9

Tasks

  • [x] Create "table" JSON object
  • [ ] Save redux to local storage (debounced)
  • [x] Create redux boilerplate
  • [x] Keyboard control (experimental)
  • [x] css for input + cell similar
  • [x] markdown table components
  • [x] parse markdown table to Array
  • [x] add original whitespaces
  • [x] create default mock table
  • [x] calculate whitespace on changes
  • [x] whitespace should be column by column basis, not whole table
  • [ ] escape | characters
  • [x] Change implementation to table
  • [ ] Menu bar
  • [x] insert extra cells
  • [ ] Render markdown->html inside cells
  • [x] Delete row functionality
  • [x] Delete column functionality
  • [x] React Spring for Delete Cell fade animation
  • [ ] Add UNDO
  • [ ] Option to remove filling whitespaces

CSS

  • [x] Column view for panes

Tests

  • [x] Set puppeteer for E2E testing
  • [ ] Util unit tests ?
  • [ ] CI tests + coverage

Issues / bugs

  • [ ] Capture "Enter" to avoid empty div's and br's
  • [ ] Firefox / Chrome works differently (spaces and enters)

GitHub