This is my solution for the FreeCodeCamp React challenge Build a Markdown Previewer.
You can check it working here.
I extended my solution for this challenge far away from the user stories required. It fulfill the user stories, but it does so much more.
Even so, is also far from perfect. It has some bugs, that start even with the
choice of a texarea
for the editor component. I'm aware of the bunch of bugs
here, but this is a learning exercise and I needed to deliver it in some moment,
so...
Anyways, I plan to rewrite this in the future (I left so many features out because of time), so maybe some day I will sort that errors and get a good Markdown online editor then :D.
Like this is my very first React project, I'm sticking to just React for managing the state, so not Redux for now. But, maybe, I will add it later.
I have used Lorem Markdownum to generate the initial Markdown file (with proper touches to include examples of extra features).
For the iconfont, I used the extraordinary Fontello service. And, for regular fonts, Google Fonts.
The project also has a bunch of JavaScript dependences, just check the
package.json
for them.