{"id":17814831,"url":"https://github.com/altontonn/markdown-previewer","last_synced_at":"2026-04-29T10:34:05.750Z","repository":{"id":226800841,"uuid":"752250839","full_name":"altontonn/Markdown-Previewer","owner":"altontonn","description":"This is an app that allows users to input Markdown text in the editor, and the preview section will render the formatted HTML. The previewer supports line breaks and various Markdown syntax.","archived":false,"fork":false,"pushed_at":"2024-03-09T18:39:16.000Z","size":756,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-06-04T22:29:32.572Z","etag":null,"topics":["marked","reactjs"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/altontonn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-03T13:37:15.000Z","updated_at":"2024-03-09T18:33:36.000Z","dependencies_parsed_at":"2024-03-09T19:46:03.278Z","dependency_job_id":null,"html_url":"https://github.com/altontonn/Markdown-Previewer","commit_stats":null,"previous_names":["altontonn/markdown-previewer"],"tags_count":0,"template":false,"template_full_name":"microverseinc/readme-template","purl":"pkg:github/altontonn/Markdown-Previewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altontonn%2FMarkdown-Previewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altontonn%2FMarkdown-Previewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altontonn%2FMarkdown-Previewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altontonn%2FMarkdown-Previewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/altontonn","download_url":"https://codeload.github.com/altontonn/Markdown-Previewer/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altontonn%2FMarkdown-Previewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32421963,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T06:29:02.080Z","status":"ssl_error","status_checked_at":"2026-04-29T06:29:00.631Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["marked","reactjs"],"created_at":"2024-10-27T16:07:45.941Z","updated_at":"2026-04-29T10:34:05.736Z","avatar_url":"https://github.com/altontonn.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n  - [Install](#install)\n  - [Usage](#usage)\n- [👥 Authors](#authors)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [MarkDown Previewer] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**[MarkDown Previewer]** is an app that allows users to input Markdown text in the editor, and the preview section will render the formatted HTML. The previewer supports line breaks and various Markdown syntax.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eReact\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eBootstrap\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eMarked\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://marked.js.org/\"\u003eMarked\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Allows users to input Markdown text in the editor, and the preview section will render the formatted HTML**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [see live](https://markpreviewer.netlify.app/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\n1. Before you go ahead with this project, please make sure you have:\n    - Basic understanding of HTML and CSS.\n    - JavaScript fundamentals (object, array, conditionals, etc).\n    - Familiarity with JavaScript ES6 features (class syntax, arrow functions, object destructuring etc).\n\n  2. [Node and npm](https://nodejs.org/en/download/) are installed. Here are the versions I'll be using while making this tutorial:\n\n    ```shell\n    $ node --version\n    v16.13.2\n    $ npm --version\n    8.1.2\n    $ yarn --version\n    1.22\n    ```\n    \u003e Installing npm adds two commands to the system—`npm` and `npx`—both of which I'll be using while making this tutorial.\n\n  3. [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) is installed. Here's the version I'll be using while making this tutorial:\n\n    ```shell\n    $ git --version\n    git version 2.29.1.windows.1\n    ```\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  cd my-folder\n  git clone https://github.com/altontonn/Markdown-Previewer.git\n```\n\n### Install\n\nInstall this project with:\n\n```sh\n  cd markdown-previewer\n  npm install\n  yarn install\n```\n\n### Usage\n\nTo run the project, execute the following command:\n\n*  Run `npm start` to start the server.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHOR --\u003e\n\n## 👥 Author \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Newton Alumasa**\n\n- [GitHub](https://github.com/altontonn/)\n- [LinkedIn](https://www.linkedin.com/in/newton-alumasa/)\n- [Twitter](https://twitter.com/AlumasaNewton)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/altontonn/Markdown-Previewer/issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project freecodecamp give it ⭐️.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank freeCodeCamp for their ultimate support and gudance\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](https://github.com/altontonn/Markdown-Previewer/blob/dev/LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faltontonn%2Fmarkdown-previewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faltontonn%2Fmarkdown-previewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faltontonn%2Fmarkdown-previewer/lists"}