React In-browser markdown editor with file download
Design comparison
Solution retrospective
I took Bob's Ziroll amazing Learn React Course on scrimba last week and this challenge was perfect for me to practice every notion I learned. I was the first time I build a React app from scratch and I learned a lot about components, props, states, localstorage, effects, dark mode (even if I didn't spend much time on it) etc. I tried to add a few functionalities like the possibility to download your document once saved, or delete a doc by clicking the icon on the sidebar (when the sidebar is open, the button in the header was hidden). I didn't care much about CSS and I feel like my code isn't very great, but it wasn't the purpose of this challenge for me. In the future, when I'll forget about my code, I'd like to rework on this project to improve it and see if it's clear enough for someone else. I use React-mde package and would like to replace it and code my own solution for the editor. Saving with cmd+S would be a nice little feature to add too. Every feedback is welcome! Have a nice day, Rémy
Community feedback
- @ViyanMdPosted over 2 years ago
No problem! Could you share some info where you’ve learned how to implement the “download” module ?
0@remyboirePosted over 2 years ago@ViyanMd I think it came from several sources and I don't really remember a resource that stands out. You can have a look at the component generating the file here : https://github.com/remyboire/markdowneditor/blob/main/src/components/DownloadFile.js
0 - @ViyanMdPosted over 2 years ago
Hey bud. Found an interesting bug for ya :) If you open a new file and refresh the page, the website goes down. Don't have much time to check what's the issue, so maybe you'd want to check on that yourself. Anyways, you've done an amazing work ( i'm impressed it's your first react app) !
0@remyboirePosted over 2 years agoHi @ViyanMd, thank you for your feedback and for the compliments! I think it's might be related with the way if implemented local storage. I deleted the local storage data and refreshed the page, and it came back. I'll check this in details and try to fix the bug later. Have a nice day!
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord