{"id":18418915,"url":"https://github.com/mohit138928/react-markdown-previewer","last_synced_at":"2025-10-31T03:30:25.133Z","repository":{"id":246502478,"uuid":"821316876","full_name":"Mohit138928/React-Markdown-Previewer","owner":"Mohit138928","description":"A simple React Markdown Preview project in which you will see the editor toolbar and the previewer toolbar. When you write in the editor Toolbox, you can see the output in the Previewer in the form of Markdown (MD).","archived":false,"fork":false,"pushed_at":"2024-07-05T01:41:17.000Z","size":574,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-24T17:28:03.524Z","etag":null,"topics":["freecodecamp","freecodecamp-front","freecodecamp-frontend","freecodecamp-project","markdown","markdown-converter","markdown-previewer","markdown-viewer","marked","react","react-components","react-hooks","react-icons","react-markdown-previewer","reactjs","sass","sass-framework","sass-library"],"latest_commit_sha":null,"homepage":"https://react-markdown-previewr.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mohit138928.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"publiccode":null,"codemeta":null}},"created_at":"2024-06-28T09:14:50.000Z","updated_at":"2024-12-08T12:15:15.000Z","dependencies_parsed_at":"2024-12-24T17:35:56.077Z","dependency_job_id":null,"html_url":"https://github.com/Mohit138928/React-Markdown-Previewer","commit_stats":null,"previous_names":["mohit138928/react-markdown-previewer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit138928%2FReact-Markdown-Previewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit138928%2FReact-Markdown-Previewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit138928%2FReact-Markdown-Previewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit138928%2FReact-Markdown-Previewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mohit138928","download_url":"https://codeload.github.com/Mohit138928/React-Markdown-Previewer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239097830,"owners_count":19581112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["freecodecamp","freecodecamp-front","freecodecamp-frontend","freecodecamp-project","markdown","markdown-converter","markdown-previewer","markdown-viewer","marked","react","react-components","react-hooks","react-icons","react-markdown-previewer","reactjs","sass","sass-framework","sass-library"],"created_at":"2024-11-06T04:14:59.321Z","updated_at":"2025-10-31T03:30:19.831Z","avatar_url":"https://github.com/Mohit138928.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Markdown Preview\n\nA simple React Markdown Preview project in which you will see the editor toolbar and the previewer toolbar. When you write in the editor Toolbox, you can see the output in the Previewer in the form of Markdown (MD).\n\n## Description\n\nThe React Markdown Preview project provides an interface to write Markdown in an editor and see the formatted output in real-time. This project includes an editor toolbar for writing Markdown and a previewer toolbar to display the rendered Markdown.\n\n## Installation\n\nFollow these steps to install and run the project:\n\n1. **Clone the repository:**\n   ```sh\n   git clone https://github.com/Mohit138928/React-Markdown-Previewer.git\n   ```\n2. **Navigate to the project directory:**\n   ```sh\n   cd react-markdown-previewer\n   ```\n3. **Install the dependencies:**\n   ```sh\n   npm install\n   ```\n4. **Install additional libraries:**\n   - **Sass:** for CSS\n     ```sh\n     npm install sass\n     ```\n   - **Marked:** a low-level compiler for parsing markdown\n     ```sh\n     npm install marked\n     ```\n   - **React Icons:** for using icons in React\n     ```sh\n     npm install react-icons --save\n     ```\n5. **Run the project:**\n   ```sh\n   npm run start\n   ```\n\n## Usage\n\n1. **Write Markdown:**\n\n   - Use the editor toolbar to write your Markdown content.\n\n2. **Preview Markdown:**\n   - View the formatted Markdown in the previewer toolbar in real-time.\n\n## Preview of the Project\n\n![Preview-1](/src/Screenshots/Preview-1.png)\n![Preview-2](/src/Screenshots/Preview-2.png)\n\n## Contributing\n\nFeel free to contribute to this project. Any improvements or suggestions are welcome!\n\n## License\n\nThis project is open-source and available under the [MIT License](LICENSE).\n\n## Contact Information\n\nIf you have any questions or need further information, feel free to contact me at mauryamohit138@gmail.com.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohit138928%2Freact-markdown-previewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohit138928%2Freact-markdown-previewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohit138928%2Freact-markdown-previewer/lists"}