{"id":23711220,"url":"https://github.com/sohumcs/markdown-previewer","last_synced_at":"2026-04-09T12:39:11.178Z","repository":{"id":219690677,"uuid":"749652204","full_name":"sohumcs/markdown-previewer","owner":"sohumcs","description":"I crafted a Markdown Previewer using React, HTML, CSS, and JavaScript. It enables users to write and instantly preview Markdown content with live updates. Features include syntax highlighting for code snippets using Prism.js. The app is easily deployable on GitHub Pages for accessible usage.","archived":false,"fork":false,"pushed_at":"2024-01-29T06:20:10.000Z","size":431,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-30T19:36:47.346Z","etag":null,"topics":["css","html","javascript","marked","prism","reactjs"],"latest_commit_sha":null,"homepage":"https://sohumcs.github.io/markdown-previewer/","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/sohumcs.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}},"created_at":"2024-01-29T05:45:53.000Z","updated_at":"2024-01-29T06:22:23.000Z","dependencies_parsed_at":"2024-01-29T07:54:26.233Z","dependency_job_id":null,"html_url":"https://github.com/sohumcs/markdown-previewer","commit_stats":null,"previous_names":["sohumcs/markdown-previewer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohumcs%2Fmarkdown-previewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohumcs%2Fmarkdown-previewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohumcs%2Fmarkdown-previewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohumcs%2Fmarkdown-previewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sohumcs","download_url":"https://codeload.github.com/sohumcs/markdown-previewer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239795032,"owners_count":19698248,"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":["css","html","javascript","marked","prism","reactjs"],"created_at":"2024-12-30T19:34:35.538Z","updated_at":"2025-12-30T22:19:36.768Z","avatar_url":"https://github.com/sohumcs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Markdown Previewer Description\n\nI created a vibrant Markdown Previewer using React, HTML, CSS, JavaScript, marked, and Prism.js. Empowering users to effortlessly write and preview Markdown content with real-time updates.\n\n## Technologies Used\n\n- **React:** Crafted the UI with this powerful JavaScript library.\n- **HTML and CSS:** Utilized standard web technologies for elegant layout and styling.\n- **JavaScript:** Implemented dynamic behavior and interactivity.\n- **marked:** Transformed plain text into formatted HTML for live preview.\n- **Prism.js:** Enhanced code snippets with a lightweight syntax highlighter.\n\n## Components\n\n- **Editor Component:** Users input Markdown content here, triggering real-time updates.\n- **Previewer Component:** Dynamically renders parsed HTML, updating as users type.\n\n## Markdown Parsing and Rendering\n\nRelied on the marked library to convert Markdown to HTML, ensuring seamless parsing and rendering.\n\n## Code Syntax Highlighting\n\nIntegrated Prism.js for captivating syntax highlighting, elevating code readability.\n\n## Styling\n\nApplied custom CSS for an appealing user interface, focusing on layout, typography, and additional design elements.\n\n## Features\n\n- **Live Preview:** Experience real-time rendering for immediate feedback.\n- **Code Syntax Highlighting:** Prism.js ensures enhanced readability of code snippets.\n- **External Links:** Open in a new tab for a seamless browsing experience.\n\n## Deployment\n\nEasily deployable to GitHub Pages, providing public access to the Markdown Previewer.\n\nIn summary, my Markdown Previewer offers a dynamic and visually appealing platform for writing, previewing, and formatting Markdown content, featuring Prism.js for code syntax highlighting.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsohumcs%2Fmarkdown-previewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsohumcs%2Fmarkdown-previewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsohumcs%2Fmarkdown-previewer/lists"}