https://github.com/d-antonelli/markdown-previewer

A responsive react app for editing and previewing markdown.
https://github.com/d-antonelli/markdown-previewer

Last synced: about 2 months ago
JSON representation

A responsive react app for editing and previewing markdown.

• Host: GitHub
• URL: https://github.com/d-antonelli/markdown-previewer
• Owner: D-Antonelli
• Created: 2021-03-22T12:58:04.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-05-27T14:55:56.000Z (over 3 years ago)
• Last Synced: 2023-03-06T03:04:15.276Z (almost 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 2.34 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :zap: Markdown Previewer React App

## What is Markdown

Markdown is a lightweight formatting language for creating formatted text using a plain text editor.

## What is Markdown Previewer

Markdown Previewer lets users render markup text in visual format as they type.

## Why Markdown Previewer

Because it's cool to see how your text looks like!  

## Design Demo;

![gif image of project](public/markdown-previewer.gif)

From [FreeCodeCamp's](https://www.freecodecamp.org/learn/front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer) Front End Development Libraries Projects. 

## :books: Libraries and Frameworks 

React (Hooks), CSS, Styled Components

## :star: Extra Features I've Added

:sparkles: Designed project layout with Adobe XD in order to provide cleaner design. You can access to my work [here](public/design.xd)

:nail_care: Using [styled components](https://styled-components.com/), upgraded project with dark mode.

:scissors: Introduced copy to clipboard and delete options to the text editor. 

:arrows_counterclockwise: Retrieve theme settings from local storage on next visit to app or page reload.