Preview-mark

PreviewMark enables you to write, render, preview and share the markdown that you write.
Work in progress 👷

Learnings

Configuring a React project using Typescript
Using typescript for react
Using TailwindCSS to create UI's.
HTML converts multiple newline into a single whitespace. This doesn't allow use to use newline in textarea and use it for the preview since HTML converts the newlines into whitespace. source
Adding custom renderer to marked. This was required since tailwind defaults all the heading tags. Used the docs of marked.
Using localStorage to persist browser state
Solved the gh-pages issue with react-router using source
Learned about the usecase of HashRouter. And the incompetence of react routing which creates confusion between server side and client side routing.

Client: React+Typescript, TailwindCSS
API: Deta Micro

Name		Name	Last commit message	Last commit date
Latest commit History 104 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
TODO.md		TODO.md
craco.config.js		craco.config.js
package-lock.json		package-lock.json
package.json		package.json
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock