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 10 hours 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-12-30T03:21:21.425Z (about 2 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

[![Netlify Status](https://api.netlify.com/api/v1/badges/deb20313-15ec-470f-83b6-31e57f7f50cd/deploy-status)](https://app.netlify.com/sites/ssg-markdown-editor/deploys)

[![CI](https://img.shields.io/github/actions/workflow/status/sumanjitsg/markdown-editor/ci-pr.yml?style=flat&logo=github&label=CI)](https://github.com/sumanjitsg/markdown-editor/actions/workflows/ci-pr.yml)

[![Codacy Coverage](https://app.codacy.com/project/badge/Coverage/122e56c20f2b473bb7e32b65e1dbe129)](https://app.codacy.com/gh/sumanjitsg/markdown-editor/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_coverage)

[![Codacy Code Quality](https://app.codacy.com/project/badge/Grade/122e56c20f2b473bb7e32b65e1dbe129)](https://app.codacy.com/gh/sumanjitsg/markdown-editor/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)

[![Visit Project Roadmap](https://img.shields.io/badge/Project%20Roadmap-blue?style=flat&label=Visit&color=4285F4)](https://github.com/users/sumanjitsg/projects/1)

[![License](https://img.shields.io/github/license/sumanjitsg/markdown-editor?color=ED8B00&style=flat&label=License)](https://github.com/sumanjitsg/markdown-editor/blob/main/LICENSE)

![Design preview for the In-browser markdown editor coding challenge](./design/preview.jpg)

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