Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pktcodes/markdown-react-project

Markdown Project using React
https://github.com/pktcodes/markdown-react-project

css3 ecmascript6 html5 javascript markdown-viewer react react-hooks react-markdown user-interface usestate-hook

Last synced: 7 days ago
JSON representation

Markdown Project using React

Awesome Lists containing this project

README

        

# Markdown Ⓜ️
> PROD [Live] : https://react-markdown-prod.netlify.app/

#### Markdown consists of a straight forward user interface where there is a
- Text area where the user can input **Markdown** which will preview the result in **HTML** code rendered by the browser.
- Custom styles for images, blockquote, pre which has been implemented are handled by CSS.
- To run the project locally, clone the repo, `npm install` to install the dependencies and `npm start` to start up the development server on default port 3000.

#### Languages
HTML, CSS, JavaScript, React - Hooks ~ useState

#### Packages
[React Markdown](https://www.npmjs.com/package/react-markdown)

#### Deployment / Hosting
Netlify

---

**To install React Markdown**

```sh
npm install react-markdown
```

*Note: I have developed this project ~ [16] as part of React and Projects Course taught by John Smilga..*