app-ideas/Projects/Markdown-Previewer.md

# Markdown Previewer

**Tier:** 2-Intermediate

Convert Github flavored markdown into HTML code.

## User Stories

-   [ ] User can enter Github flavored markdown into a `textarea`
-   [ ] User can see the resulting `HTML` in another container/box by pressing on a button

## Bonus features

-   [ ] User can see the resulting `HTML` updated automatically when the markdown `textarea` is changed
-   [ ] When closing the browser window the markdown formatted text will be stored in `localStorage` and when the User returns, the data will be retrieved and displayed
-   [ ] User can click a button and the content of the box is saved to the `clipboard`

## Useful links and resources

-   [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
-   [Markdown Guide](https://www.markdownguide.org/basic-syntax/)
-   [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 projects

-   [Markdown Live Preview](https://markdownlivepreview.com/)
new project: Markdown Previewer 6 years ago			`# Markdown Previewer`

Refactor: Add application summary information Add application summary information - Add app description and tier at the top of each application specification - Change the app table in README.md to contain description and tier - Add definition of the experience required for each tier Resolves: #17 See also: N/a 6 years ago			`Tier: 2-Intermediate`

new project: Markdown Previewer 6 years ago			`Convert Github flavored markdown into HTML code.`

			`## User Stories`

updated bonus features and User stories 6 years ago			- [ ] User can enter Github flavored markdown into a `textarea`
			- [ ] User can see the resulting `HTML` in another container/box by pressing on a button
new project: Markdown Previewer 6 years ago
			`## Bonus features`

updated bonus features and User stories 6 years ago			- [ ] User can see the resulting `HTML` updated automatically when the markdown `textarea` is changed
			- [ ] When closing the browser window the markdown formatted text will be stored in `localStorage` and when the User returns, the data will be retrieved and displayed
			- [ ] User can click a button and the content of the box is saved to the `clipboard`
new project: Markdown Previewer 6 years ago
			`## Useful links and resources`

			`- [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)`
			`- [Markdown Guide](https://www.markdownguide.org/basic-syntax/)`
			`- [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 projects`

			`- [Markdown Live Preview](https://markdownlivepreview.com/)`