{"id":25042172,"url":"https://github.com/nhope123/previewer","last_synced_at":"2026-04-30T20:33:18.300Z","repository":{"id":72561644,"uuid":"288063754","full_name":"nhope123/previewer","owner":"nhope123","description":"Html markdown editor with viewer","archived":false,"fork":false,"pushed_at":"2025-01-25T19:40:26.000Z","size":593,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-31T08:20:58.579Z","etag":null,"topics":["class-components","css-flexbox","dompurify","html5","markedjs","react","serialize-javascript"],"latest_commit_sha":null,"homepage":"https://nhope123.github.io/previewer/","language":"JavaScript","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/nhope123.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-08-17T02:18:41.000Z","updated_at":"2025-01-25T19:40:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"d57695ed-bbd7-48f2-8934-3a895168febc","html_url":"https://github.com/nhope123/previewer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nhope123/previewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhope123%2Fpreviewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhope123%2Fpreviewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhope123%2Fpreviewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhope123%2Fpreviewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nhope123","download_url":"https://codeload.github.com/nhope123/previewer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhope123%2Fpreviewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32476682,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"last_error":"SSL_read: 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":["class-components","css-flexbox","dompurify","html5","markedjs","react","serialize-javascript"],"created_at":"2025-02-06T04:07:30.835Z","updated_at":"2026-04-30T20:33:18.282Z","avatar_url":"https://github.com/nhope123.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Markdown Previewer  \n\nA simple and interactive Markdown previewer built with React. This project allows users to type Markdown syntax into an input area and see a live preview rendered in real-time.  \n\n## Features  \n\n- **Live Preview**: See the rendered Markdown content as you type.  \n- **Separate Input and Preview Areas**: Clear distinction between the input and the rendered content.  \n- **Responsive Design**: Works seamlessly on different screen sizes.  \n- **Custom Styling**: Styled to provide a clean and user-friendly interface.  \n\n## Preview  \n\n![Markdown Previewer Screenshot](src/screenshot.png)  \n*A screenshot of the Markdown previewer in action.*\n\n## Installation  \n\nFollow these steps to set up the project locally:  \n\n1. Clone the repository:  \n   ```bash\n   git clone https://github.com/nhope123/previewer.git\n   cd previewer\n\n2. Install dependencies:\n    ```bash\n    npm install\n3. Start the development server:\n   ```bash\n   npm start\n4. Open your browser and navigate to http://localhost:3000.\n\n## Usage\nType Markdown syntax in the input area on the left.\nThe rendered Markdown will be displayed in real-time in the preview area on the right.\n\n## Example Markdown Syntax\n```markdown\n# Heading 1  \n## Heading 2  \n### Heading 3  \n\n- List Item 1  \n- List Item 2  \n\n**Bold Text**  \n*Italic Text*  \n\n[Link](https://example.com)  \n\n\u003e Blockquote  \n\n`Inline Code`  \n\n```javascript\n// Code Block  \nconsole.log(\"Hello, world!\");\n```\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details.\n\n## Acknowledgements\nThanks to the open-source community for inspiration and tools.\nSpecial thanks to Marked.js, Dompurify, serialize-javascript for Markdown rendering.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnhope123%2Fpreviewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnhope123%2Fpreviewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnhope123%2Fpreviewer/lists"}