Markdown Table Generator
Create an application that will convert a regular table with data provided by the User (optionally) into a Markdown formatted table.
IntermediateWeb appDev tool6–16hAI-buildable 5/5no setup
Create an application that will convert a regular table with data provided by the User (optionally) into a Markdown formatted table.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 4
- 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
Once it works
- 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
Suggested stack
reacttypescripttailwindreact-hook-formreact-markdown