Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sumanjitsg/markdown-editor
In-browser Markdown Editor with themes and save offline features. Powered by React, Redux, TypeScript and Sass. Tested with Jest.
https://github.com/sumanjitsg/markdown-editor
jest react redux sass typescript
Last synced: about 2 months ago
JSON representation
In-browser Markdown Editor with themes and save offline features. Powered by React, Redux, TypeScript and Sass. Tested with Jest.
- Host: GitHub
- URL: https://github.com/sumanjitsg/markdown-editor
- Owner: sumanjitsg
- License: mit
- Created: 2022-04-05T09:01:34.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-03T00:05:39.000Z (5 months ago)
- Last Synced: 2024-11-08T00:32:42.954Z (3 months ago)
- Topics: jest, react, redux, sass, typescript
- Language: TypeScript
- Homepage: https://ssg-markdown-editor.netlify.app/
- Size: 2 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Frontend Mentor - In-browser Markdown Editor
[](https://app.netlify.com/sites/ssg-markdown-editor/deploys)
[](https://github.com/sumanjitsg/markdown-editor/actions/workflows/ci-pr.yml)[](https://app.codacy.com/gh/sumanjitsg/markdown-editor/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_coverage)
[](https://app.codacy.com/gh/sumanjitsg/markdown-editor/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)[](https://github.com/users/sumanjitsg/projects/1)
[](https://github.com/sumanjitsg/markdown-editor/blob/main/LICENSE)
This is a solution to the [In-browser markdown editor challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/inbrowser-markdown-editor-r16TrrQX9).
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Links](#links)
- [Built with](#built-with)## Overview
### The challenge
Users should be able to:
- Create, Read, Update, and Delete markdown documents
- Name and save documents to be accessed as needed
- Edit the markdown of a document and see the formatted preview of the content
- View a full-page preview of the formatted content
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page### Links
- Live Site URL: https://ssg-markdown-editor.netlify.app/
## Built with
- React
- Redux Toolkit
- Tailwind CSS
- SCSS
- Jest
- React Testing Library