As you may have heard, @no-stack-dub-sack and @Weezlo have been hard at work building projects with testable user stories. We are looking for a few volunteers to attempt to build these based on their automated tests.
The goal is for campers to be able to build these projects step by step following user stories. This will make the projects less intimidating and more fun. Oh, and don’t worry - we’ll still have plenty of optional projects where we don’t provide you with any tests. And if you’ve previously built these projects, you don’t need to build them again.
If you’re interested in attempting this, please reply to the thread and let us know you’ve started it. The more people who want to build this, the better, as we can start gathering feedback.
Thanks, and happy coding!
Here is the blank pen for campers to fork: http://codepen.io/freeCodeCamp/pen/MJjpwO
Here is the example project with passing tests: http://codepen.io/freeCodeCamp/pen/GrZVVO
Here are the user stories for campers to reference:
- I can see a
<textarea>element with corresponding
- I can see an element with corresponding
- When I enter text into the
#previewelement is updated as I type to display the content of the textarea.
- When I enter GitHub flavored markdown into the
#editorelement, the text is rendered as HTML to
#previewas I type (Hint: You don’t need to parse Markdown yourself - you can import the Marked library for this: https://cdnjs.com/libraries/marked).
- When my markdown previewer first loads, the
#editorfield should contain valid default markdown that provides a brief description of the project and demonstrates the previewer’s capabilities.
- When my markdown previewer first loads, the default text in the
#editorfield should contain valid markdown that represents at least one of each of the following elements: a header (H1 size), a sub header (H2 size), a link, inline code, a code block, a list item, a blockquote, an image, and bolded text.
- When my markdown previewer first loads, the default markdown in the
#editorfield should be rendered as HTML in the