|
|
|
|
# Markdown Table Generator
|
|
|
|
|
|
|
|
|
|
**Tier:** 2-Intermediate
|
|
|
|
|
|
|
|
|
|
Create an application that will convert a regular table with data provided by the User (optionally) into a Markdown formatted table.
|
|
|
|
|
|
|
|
|
|
## User Stories
|
|
|
|
|
|
|
|
|
|
- [ ] User can create an `HTML table` with a given number of **Rows** and **Columns**
|
|
|
|
|
- [ ] User can insert text in each cell of the `HTML table`
|
|
|
|
|
- [ ] User can generate a `Markdown formatted table` that will contain the data from the `HTML table`
|
|
|
|
|
- [ ] User can preview the `Markdown formatted table`
|
|
|
|
|
|
|
|
|
|
## Bonus features
|
|
|
|
|
|
|
|
|
|
- [ ] User can copy the `Markdown formatter table` to the clipboard by pressing a button
|
|
|
|
|
- [ ] User can insert a new **Row** or **Column** to a specified location
|
|
|
|
|
- [ ] User can delete a **Row** or a **Column** entirely
|
|
|
|
|
- [ ] User can align (to the _left_, _right_ or _center_) a **cell**, a **column**, a **row**, or the entire **table**
|
|
|
|
|
|
|
|
|
|
## Useful links and resources
|
|
|
|
|
|
|
|
|
|
- [Markdown Guide](https://www.markdownguide.org/)
|
|
|
|
|
- [Marked - A markdown parser](https://github.com/markedjs/marked)
|
|
|
|
|
- [How to Copy to Clipboard](https://www.w3schools.com/howto/howto_js_copy_clipboard.asp)
|
|
|
|
|
|
|
|
|
|
## Example project
|
|
|
|
|
|
|
|
|
|
- [Tables Generator / Markdown Tables](https://www.tablesgenerator.com/markdown_tables)
|
