{"id":21836963,"url":"https://github.com/waldohidalgo/waldo_markdown_previewer","last_synced_at":"2026-04-10T15:03:50.797Z","repository":{"id":230774696,"uuid":"780142877","full_name":"waldohidalgo/waldo_markdown_previewer","owner":"waldohidalgo","description":"Repositorio con el código solución del proyecto número dos Markdown Previewer, requisito obligatorio para obtener la Front End Development Libraries","archived":false,"fork":false,"pushed_at":"2024-04-04T15:21:56.000Z","size":869,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-26T10:11:53.959Z","etag":null,"topics":["dompurify","freecodecamp","freecodecamp-project","front-end-development-libraries","frontend-development","highlightjs","markdown-converter","markdown-parser","markdown-previewer","markdown-to-html","marked-emoji","marked-js","markedjs","nextjs","react","typewriter-effect"],"latest_commit_sha":null,"homepage":"https://waldo-markdown-previewer.vercel.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/waldohidalgo.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}},"created_at":"2024-03-31T20:13:34.000Z","updated_at":"2024-03-31T20:40:16.000Z","dependencies_parsed_at":"2024-03-31T21:26:12.610Z","dependency_job_id":"0171f006-9c4e-430b-9add-4b4be74810e3","html_url":"https://github.com/waldohidalgo/waldo_markdown_previewer","commit_stats":null,"previous_names":["waldohidalgo/waldo_markdown_previewer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fwaldo_markdown_previewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fwaldo_markdown_previewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fwaldo_markdown_previewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fwaldo_markdown_previewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/waldohidalgo","download_url":"https://codeload.github.com/waldohidalgo/waldo_markdown_previewer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244815970,"owners_count":20515023,"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":["dompurify","freecodecamp","freecodecamp-project","front-end-development-libraries","frontend-development","highlightjs","markdown-converter","markdown-parser","markdown-previewer","markdown-to-html","marked-emoji","marked-js","markedjs","nextjs","react","typewriter-effect"],"created_at":"2024-11-27T20:43:49.257Z","updated_at":"2025-10-25T19:41:41.228Z","avatar_url":"https://github.com/waldohidalgo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Código Solución del Proyecto Markdown Previewer\n\nEl presente repositorio contiene el código solución del proyecto número dos, requisito para obtener la certificación [**Front End Development Libraries**](https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer) de Freecodecamp.\n\n- [Código Solución del Proyecto Markdown Previewer](#código-solución-del-proyecto-markdown-previewer)\n  - [Objetivo](#objetivo)\n  - [Requisitos](#requisitos)\n  - [Librerías Utilizadas](#librerías-utilizadas)\n  - [Proyecto Aprobado](#proyecto-aprobado)\n  - [Screenshots adicionales](#screenshots-adicionales)\n    - [Proyecto en pantallas grandes con dos columnas](#proyecto-en-pantallas-grandes-con-dos-columnas)\n    - [Proyecto en pantallas grandes con una columna](#proyecto-en-pantallas-grandes-con-una-columna)\n    - [Proyecto en pantallas small](#proyecto-en-pantallas-small)\n- [Código Markdown utilizado como placeholder](#código-markdown-utilizado-como-placeholder)\n  - [Waldo's React Markdown Previewer!](#waldos-react-markdown-previewer)\n  - [This is a H1 heading](#this-is-a-h1-heading)\n    - [This is a H2 heading.](#this-is-a-h2-heading)\n      - [And this is a H3 heading](#and-this-is-a-h3-heading)\n      - [Javascript](#javascript)\n      - [HTML](#html)\n      - [CSS](#css)\n      - [Handlebars](#handlebars)\n      - [Python](#python)\n      - [JSX](#jsx)\n      - [Java](#java)\n      - [SQL](#sql)\n\n## Objetivo\n\nConstruir un convertidor de Markdown a código HTML en el flavor de Github\n\n## Requisitos\n\n![Requisitos](./screenshots/requisitos.webp)\n\n## Librerías Utilizadas\n\n| Tecnologías Utilizadas |\n| ---------------------- |\n| Nextjs 12              |\n| React 17               |\n| ReactDom 17            |\n| React Icons            |\n| Marked                 |\n| Marked-highlight       |\n| Marked-emoji           |\n| Dompurify              |\n| Highlight.js           |\n| Typewriter-effect      |\n\n## Proyecto Aprobado\n\nA continuación muestro la imagen del proyecto en el cual apruebo **TODOS** los test requeridos por Freecodecamp:\n\n![Proyecto Aprobado](./screenshots/proyecto_all_test_aprobados.webp)\n\n## Screenshots adicionales\n\n### Proyecto en pantallas grandes con dos columnas\n\n![Proyecto en pantallas grandes con dos columnas](./screenshots/pantallas_grandes_dos_columnas.webp)\n\n### Proyecto en pantallas grandes con una columna\n\n![Proyecto en pantallas grandes con una columna](./screenshots/pantallas_grandes_una_columna.webp)\n\n### Proyecto en pantallas small\n\n![Proyeccto en pantallas small](./screenshots/pantallas_small.webp)\n\n# Código Markdown utilizado como placeholder\n\nA continuación muestro el código markdown convertido a HTML que he utilizado como placeholder en el Markdown Editor:\n\n## Waldo's React Markdown Previewer!\n\n## This is a H1 heading\n\n### This is a H2 heading.\n\n#### And this is a H3 heading\n\n**This is a bold text**\n\n_This is an italic text_\n\n**_This is bold and italic text_**\n\n\u003e This is a blockquote\n\n~~This is a strikethrough.~~\n\nMy parser too supports some emojis :tada: :\n\n-That is so funny! :joy:  \n-That is so cool! :tada:\n-Go to space!: :rocket:\n\nThis is a link to emoji github code: [Github emoji code](https://gist.github.com/rxaviers/7360908)\n\nThis is a ordered list:\n\n1. First item\n\n2. Second item\n\n3. Third item\n\nThis is an unordered list:\n\n- First item\n\n- Second item\n\n- Third item\n\nThis is a inline code: `\u003cp\u003eHello\u003c/p\u003e`, between 2 backticks.\n\nThat are some code blocks:\n\n#### Javascript\n\n```js\ndocument.getElementById(\"demo\").innerHTML = \"John Doe\";\n```\n\n#### HTML\n\n```html\n\u003ch1\u003eHello World!\u003c/h1\u003e\n```\n\n#### CSS\n\n```css\n.titulo {\n  color: red;\n  text-align: center;\n}\n```\n\n#### Handlebars\n\n```hbs\n{{\u003e Header}}\n```\n\n#### Python\n\n```python\nfruits = [\"apple\", \"banana\", \"cherry\"]\nfor x in fruits:\nprint(x)\n```\n\n#### JSX\n\n```jsx\nconst element = \u003ca href=\"https://www.reactjs.org\"\u003e link \u003c/a\u003e;\n```\n\n#### Java\n\n```java\nclass HelloWorld {\npublic static void main(String args[])\n{\nSystem.out.println(\"Hello, World\");\n}\n}\n```\n\n#### SQL\n\n```sql\nSELECT * FROM helloworld WHERE phrase = \"Hello, World!\";\n```\n\nThis is a link: [Next.js Documentation](https://nextjs.org/docs)\n\nAnd if you want to get really crazy, even tables:\n\n| Name  | Last Name | Age |\n| ----- | --------- | --- |\n| Waldo | Hidalgo   | 34  |\n| John  | Doe       | 32  |\n| Jane  | Doe       | 28  |\n\nAnd if you want to add a task list:\n\n- [x] Write the press release\n- [ ] Update the website\n- [ ] Contact the media\n\n![Nextjs Logo](https://static-00.iconduck.com/assets.00/nextjs-icon-2048x1234-pqycciiu.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldohidalgo%2Fwaldo_markdown_previewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwaldohidalgo%2Fwaldo_markdown_previewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldohidalgo%2Fwaldo_markdown_previewer/lists"}