Markdown Editor built with React, Redux, and Styled Components
Design comparison
Solution retrospective
Markdown editor built with React, Redux, Redux-toolkit, and styled components. End-to-end testing completed using Cypress.
The requirement of the project is to create a markdown editor web-application that is capable of the following:
- Create markdown and see a preview of the markdown rendered updated in real-time
- Save created markdown documents
- Switch between saved markdown documents
- Modify saved documents and delete documents as well
The web browser Local Storage API is used to save documents in local storage.
I originally bootstrapped the project with create-react-app, but after using Vite for other projects I decided to migrate rebuild the project with a react-typescript vite configuration. s the first project I tackled that really required me to use state management tool to read and control the application state.
Please see the README for the development process I went through while creating this, it will continue to be updated in the coming weeks.
Any feedback about my general code structures, use of styled components, and any refactoring tips would be greatly appreciated!
Happy coding, and happy new year!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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