You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.1 KiB
28 lines
1.1 KiB
6 years ago
|
# Markdown Previewer
|
||
|
|
|
||
6 years ago
|
**Tier:** 2-Intermediate
|
||
|
|
|
||
|
6 years ago
|
Convert Github flavored markdown into HTML code.
|
||
|
|
|
||
|
|
## 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
|
||
|
6 years ago
|
|
||
|
|
## Bonus features
|
||
|
|
|
||
|
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`
|
||
|
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/)
|