{"id":28334116,"url":"https://github.com/gianmattus-programmer/100-dias-de-js","last_synced_at":"2026-03-15T08:38:32.882Z","repository":{"id":285014337,"uuid":"956676463","full_name":"gianmattus-programmer/100-DIAS-DE-JS","owner":"gianmattus-programmer","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-18T01:00:02.000Z","size":75341,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-26T20:59:03.040Z","etag":null,"topics":["100daysofjavascript","html-css-javascript"],"latest_commit_sha":null,"homepage":"","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/gianmattus-programmer.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,"zenodo":null}},"created_at":"2025-03-28T16:59:54.000Z","updated_at":"2025-04-18T01:00:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"a642b414-aff5-41f6-9635-50c1fec755fc","html_url":"https://github.com/gianmattus-programmer/100-DIAS-DE-JS","commit_stats":null,"previous_names":["gianmattus-programmer/100-dias-de-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gianmattus-programmer/100-DIAS-DE-JS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianmattus-programmer%2F100-DIAS-DE-JS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianmattus-programmer%2F100-DIAS-DE-JS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianmattus-programmer%2F100-DIAS-DE-JS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianmattus-programmer%2F100-DIAS-DE-JS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gianmattus-programmer","download_url":"https://codeload.github.com/gianmattus-programmer/100-DIAS-DE-JS/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianmattus-programmer%2F100-DIAS-DE-JS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30539312,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-15T07:17:37.589Z","status":"ssl_error","status_checked_at":"2026-03-15T07:17:31.738Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["100daysofjavascript","html-css-javascript"],"created_at":"2025-05-26T20:59:02.898Z","updated_at":"2026-03-15T08:38:32.876Z","avatar_url":"https://github.com/gianmattus-programmer.png","language":"JavaScript","readme":"# 💻 100 Días de JavaScript\n \n \u003cdiv align=\"center\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/100%20Días-JavaScript-yellow?style=for-the-badge\u0026logo=javascript\" alt=\"100 Días de JavaScript\"/\u003e\n   \u003cbr\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/gianmattus-programmer/100-DIAS-DE-JS?style=social\" alt=\"GitHub stars\"/\u003e\n   \u003cimg src=\"https://img.shields.io/github/forks/gianmattus-programmer/100-DIAS-DE-JS?style=social\" alt=\"GitHub forks\"/\u003e\n   \u003cimg src=\"https://img.shields.io/github/issues/gianmattus-programmer/100-DIAS-DE-JS?style=social\" alt=\"GitHub issues\"/\u003e\n   \u003cbr\u003e\n   \u003cbr\u003e\n   \u003cimg src=\"https://skillicons.dev/icons?i=js,html,css,react,nodejs\" alt=\"Tecnologías\"/\u003e\n   \n   ### 📊 Estadísticas del Reto\n   \n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd\u003e\u003cstrong\u003eProyectos Completados\u003c/strong\u003e\u003c/td\u003e\n       \u003ctd\u003e\u003cstrong\u003eLíneas de Código\u003c/strong\u003e\u003c/td\u003e\n       \u003ctd\u003e\u003cstrong\u003eHoras Invertidas\u003c/strong\u003e\u003c/td\u003e\n     \u003c/tr\u003e\n     \u003ctr\u003e\n       \u003ctd\u003e78/100\u003c/td\u003e\n       \u003ctd\u003e~15,000\u003c/td\u003e\n       \u003ctd\u003e~234\u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \n   \u003cdiv style=\"background-color: #f3f3f3; border-radius: 8px; padding: 4px; margin: 10px 0;\"\u003e\n     \u003cdiv style=\"background-color: #FFD700; width: 78%; height: 20px; border-radius: 6px; text-align: center; color: #000;\"\u003e\n       78%\n     \u003c/div\u003e\n   \u003c/div\u003e\n \n   \u003cp align=\"center\"\u003e\u003ci\u003e78 de 100 días completados\u003c/i\u003e\u003c/p\u003e\n   \n   \u003cdetails\u003e\n     \u003csummary\u003e📈 Distribución de Tecnologías\u003c/summary\u003e\n     \u003cbr\u003e\n     \u003cimg src=\"https://github-readme-stats.vercel.app/api/top-langs/?username=gianmattus-programmer\u0026layout=compact\u0026hide_title=true\u0026theme=default\" alt=\"Lenguajes más usados\"/\u003e\n   \u003c/details\u003e\n \u003c/div\u003e\n \n ## 🎯 Acerca del Reto\n \n \u003cdiv align=\"center\"\u003e\n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg\" width=\"40\" height=\"40\"/\u003e\n         \u003cbr\u003eJavaScript\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg\" width=\"40\" height=\"40\"/\u003e\n         \u003cbr\u003eHTML5\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg\" width=\"40\" height=\"40\"/\u003e\n         \u003cbr\u003eCSS3\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg\" width=\"40\" height=\"40\"/\u003e\n         \u003cbr\u003eReact\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg\" width=\"40\" height=\"40\"/\u003e\n         \u003cbr\u003eNode.js\n       \u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \u003c/div\u003e\n \n Un desafío personal para mejorar mis habilidades en JavaScript creando 100 proyectos diferentes, uno cada día. Este reto está diseñado para fortalecer el dominio del lenguaje a través de la práctica constante y la creación de proyectos reales.\n \n ## 📊 Categorías de Proyectos\n \n \u003cdiv align=\"center\"\u003e\n   \u003ctable border=\"0\"\u003e\n     \u003ctr\u003e\n       \u003ctd width=\"50%\" valign=\"top\"\u003e\n         \u003cimg src=\"https://quickchart.io/chart?c={type:'doughnut',data:{labels:['Juegos','Utilidades','APIs','UI/UX','Extensiones'],datasets:[{data:[25,20,15,10,8]}]}}\" width=\"100%\" alt=\"Distribución de Proyectos\"/\u003e\n       \u003c/td\u003e\n       \u003ctd width=\"50%\" valign=\"top\"\u003e\n         \u003ctable\u003e\n           \u003ctr\u003e\n             \u003cth\u003eCategoría\u003c/th\u003e\n             \u003cth\u003eCantidad\u003c/th\u003e\n             \u003cth\u003eDescripción\u003c/th\u003e\n           \u003c/tr\u003e\n           \u003ctr\u003e\n             \u003ctd\u003e🎮 Juegos\u003c/td\u003e\n             \u003ctd align=\"center\"\u003e25\u003c/td\u003e\n             \u003ctd\u003eProyectos de juegos interactivos\u003c/td\u003e\n           \u003c/tr\u003e\n           \u003ctr\u003e\n             \u003ctd\u003e🛠️ Utilidades\u003c/td\u003e\n             \u003ctd align=\"center\"\u003e20\u003c/td\u003e\n             \u003ctd\u003eHerramientas y utilidades\u003c/td\u003e\n           \u003c/tr\u003e\n           \u003ctr\u003e\n             \u003ctd\u003e🌐 APIs\u003c/td\u003e\n             \u003ctd align=\"center\"\u003e15\u003c/td\u003e\n             \u003ctd\u003eIntegraciones con APIs\u003c/td\u003e\n           \u003c/tr\u003e\n           \u003ctr\u003e\n             \u003ctd\u003e🎨 UI/UX\u003c/td\u003e\n             \u003ctd align=\"center\"\u003e10\u003c/td\u003e\n             \u003ctd\u003eComponentes y diseños\u003c/td\u003e\n           \u003c/tr\u003e\n           \u003ctr\u003e\n             \u003ctd\u003e🧩 Extensiones\u003c/td\u003e\n             \u003ctd align=\"center\"\u003e8\u003c/td\u003e\n             \u003ctd\u003eExtensiones para navegador\u003c/td\u003e\n           \u003c/tr\u003e\n         \u003c/table\u003e\n       \u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \u003c/div\u003e\n \n ## 📊 Progreso Actual\n \n \u003cdiv align=\"center\"\u003e\n   \u003csvg width=\"500\" height=\"20\"\u003e\n     \u003crect width=\"500\" height=\"20\" fill=\"#eee\" rx=\"10\"/\u003e\n     \u003crect width=\"390\" height=\"20\" fill=\"#FFD700\" rx=\"10\"/\u003e\n     \u003ctext x=\"250\" y=\"15\" font-family=\"Arial\" font-size=\"12\" fill=\"black\" text-anchor=\"middle\"\u003e\n       78%\n     \u003c/text\u003e\n   \u003c/svg\u003e\n   \n   \u003cp\u003e\u003cstrong\u003e78\u003c/strong\u003e de 100 días completados\u003c/p\u003e\n \u003c/div\u003e\n \n - **Proyectos Completados**: 78/100\n - **Proyectos Restantes**: 22\n - **Estado**: En progreso 🚀\n \n ## 🌟 Características\n \n - Proyectos prácticos y variados\n - Código fuente completo disponible\n - Demos en vivo de cada proyecto\n - Documentación detallada\n - Actualizaciones regulares\n \n ## 🛠️ Tecnologías Utilizadas\n \n - JavaScript (ES6+)\n - HTML5 \u0026 CSS3\n - APIs modernas del navegador\n - Frameworks y librerías populares\n - Herramientas de desarrollo web\n \n ## 📝 Cómo Usar Este Repositorio\n \n 1. Navega por la lista de proyectos\n 2. Haz clic en el enlace \"Código\" para ver el código fuente\n 3. Visita el \"Website\" para ver la demo en vivo\n 4. ¡Experimenta y aprende!\n \n # ✨ Proyectos\n \n | # | Proyecto | Descripción | Código | Website |\n |---|----------|-------------|---------|---------|\n | 01 | **Pixel Art Generator** | Crea arte pixel a pixel con esta herramienta interactiva | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2301%20-%20Pixel%20Art%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://pixel-art-generator-gianmattus-programmers-projects.vercel.app) |\n | 02 | **Rich Text Editor** | Editor de texto con formato enriquecido | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2302%20-%20Rich%20Text%20Editor) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://rich-text-editor-gianmattus-programmers-projects.vercel.app) |\n | 03 | **Password Generator** | Generador de contraseñas seguras | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2303%20-%20Pass%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://pass-generator-gianmattus-programmers-projects.vercel.app/) |\n | 04 | **QR Code Generator** | Generador de códigos QR | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2304%20-%20QR%20Code%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/04-qr-code-generator) |\n | 05 | **Detect Device Battery** | Detecta el nivel de batería del dispositivo | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2305%20-%20Detect%20Device%20Battery) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/05-detect-device-battery) |\n | 06 | **XO Game** | Juego de tres en raya | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2306%20-%20Simple%20XO%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/06-xo-game) |\n | 07 | **Flip a Coin Game** | Juego de lanzar una moneda | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2307%20-%20Flip%20a%20Coin%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/07-flip-a-coin) |\n | 08 | **Multi Step Form** | Formulario de múltiples pasos | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2308%20-%20Multi%20Step%20Form) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/08-multi-step-form) |\n | 09 | **Aspect Ratio Calculator** | Calculadora de proporciones | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2309%20-%20Aspect%20Ratio%20Calculator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/09-aspect-ratio-calculator) |\n | 10 | **Weather App** | Aplicación del clima | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2310%20-%20Weather%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/10-weather-app) |\n | 11 | **Movie Guide App** | Guía de películas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2311%20-%20Movie%20Info%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/11-movie-guide) |\n | 12 | **Type Test App** | Aplicación de prueba de velocidad de escritura | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2312%20-%20Type%20Test%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/12-type-test) |\n | 13 | **Translator App** | Aplicación de traducción | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2313%20-%20Translator%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/13-translator) |\n | 14 | **Crypto Price App** | Aplicación de precios de criptomonedas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2314%20-%20Crypto%20Price%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/14-crypto-price) |\n | 15 | **ToDo App** | Aplicación de lista de tareas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2315%20-%20ToDo%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/15-todo) |\n | 16 | **Geometric Art Generator** | Generador de arte geométrico | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2316%20-%20Geometric%20Art%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/16-geometric-art) |\n | 17 | **Snake Game** | Juego de la serpiente | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2317%20-%20Snake%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/17-snake-game) |\n | 18 | **Budget App** | Aplicación de presupuesto | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2318%20-%20Budget%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/18-budget) |\n | 19 | **Text To Speech App** | Aplicación de texto a voz | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2319%20-%20Text%20To%20Speech%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/19-text-to-speech) |\n | 20 | **QR Code Reader** | Lector de códigos QR | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2320%20-%20QR%20Code%20Reader) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/20-qr-code-reader) |\n | 21 | **Spin Wheel App** | Aplicación de rueda de la fortuna | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2321%20-%20Spin%20Wheel%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/21-spin-wheel) |\n | 22 | **Gradient Generator** | Generador de gradientes | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2322%20-%20Gradient%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/22-gradient-generator) |\n | 23 | **Guess The Word Game** | Juego de adivinar la palabra | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2323%20-%20Guess%20The%20Word%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/23-guess-the-word) |\n | 24 | **Simon Game** | Juego de Simon | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2324%20-%20Simon%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/24-simon-game) |\n | 25 | **Apex Charts** | Gráficos interactivos con ApexCharts | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2325%20-%20JS%20Charts) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/25-apex-charts) |\n | 26 | **Recipe Guide App** | Guía de recetas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2326%20-%20Recipe%20Guide%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/26-recipe-guide) |\n | 27 | **Minesweeper Game** | Juego de buscaminas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2327%20-%20MineSweeper%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/27-minesweeper) |\n | 28 | **Github Api** | Interfaz con la API de GitHub | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2328%20-%20Github%20Api) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/28-github-api) |\n | 29 | **Breakout Game** | Juego de romper ladrillos | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2329%20-%20Breakout%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/29-breakout-game) |\n | 30 | **Music Player App** | Reproductor de música | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2330%20-%20Music%20Player%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/30-music-player) |\n | 31 | **ChatGPT Bot** | Bot de ChatGPT | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2331%20-%20ChatGPT%20Bot) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/31-chatgpt-bot) |\n | 32 | **Google Maps Api** | Interfaz con la API de Google Maps | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2332%20-%20Google%20Maps%20Api) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/32-google-maps-api) |\n | 33 | **Pong Game** | Juego de Pong | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2333%20-%20Pong%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/33-pong-game) |\n | 34 | **Chrome Color Picker Extension** | Extensión de Chrome para seleccionar colores | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2334%20-%20Chrome%20Color%20Picker%20Extension) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/34-chrome-color-picker) |\n | 35 | **ASCII Donut Animation** | Animación de donut en ASCII | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2335%20-%20ASCII%20Donut%20Animation) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/35-ascii-donut) |\n | 36 | **Stock Tracker App** | Aplicación de seguimiento de acciones | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2336%20-%20Stock%20Tracker%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/36-stock-tracker) |\n | 37 | **Box Shadow Generator** | Generador de sombras de caja | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2337%20-%20Shadow%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/37-box-shadow-generator) |\n | 38 | **Movie App (TheMovieDB)** | Aplicación de películas con TheMovieDB | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2338%20-%20Movie%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/38-movie-app) |\n | 39 | **Tradingview Widget** | Widget de TradingView | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2339%20-%20Tradingview%20Widget) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/39-tradingview-widget) |\n | 40 | **Detect Internet Speed** | Detecta la velocidad de internet | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2340%20-%20Detect%20Internet%20Speed) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/40-detect-internet-speed) |\n | 41 | **Currency Converter** | Convertidor de divisas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2341%20-%20Currency%20Converter) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/41-currency-converter) |\n | 42 | **Live Code Editor** | Editor de código en vivo | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2342%20-%20Live%20Code%20Editor) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/42-live-code-editor) |\n | 43 | **Parallex Slider With Flickity** | Slider parallax con Flickity | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2343%20-%20Parallex%20Slider) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/43-parallex-slider) |\n | 44 | **Minimal Weather App** | Aplicación del clima minimalista | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2344%20-%20Minimal%20Weather%20App%20With%20Api) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/44-minimal-weather) |\n | 45 | **Particles Portfolio** | Portafolio con partículas animadas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2345%20-%20Particles%20Portfolio) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/45-particles-portfolio) |\n | 46 | **Sudoku Solver** | Solucionador de Sudoku | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2346%20-%20Sudoku%20Solver) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/46-sudoku-solver) |\n | 47 | **Text Encryptor** | Encriptador de texto | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2347%20-%20Text%20Encryptor) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/47-text-encryptor) |\n | 48 | **Ai Image Generator** | Generador de imágenes con IA | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2348%20-%20Ai%20Image%20Generator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/48-ai-image-generator) |\n | 49 | **Chess Game (VS Computer)** | Juego de ajedrez contra la computadora | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2349%20-%20Chess%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/49-chess-game) |\n | 50 | **Food Recipe Website** | Sitio web de recetas de comida | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2350%20-%20Food%20Recipe%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/50-food-recipe) |\n | 51 | **Draggable Profile Card** | Tarjeta de perfil arrastrable | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2351%20-%20Draggable%20Profile%20Card) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/51-draggable-profile-card) |\n | 52 | **Email Sender App** | Aplicación para enviar correos electrónicos | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2352%20-%20Email%20Sender%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/52-email-sender) |\n | 53 | **Url Shortner** | Acortador de URL | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2353%20-%20Url%20Shortner) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/53-url-shortner) |\n | 54 | **Glassmorphism Generator** | Generador de glassmorphism | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2354%20-%20Glassmorphism%20Creator) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/54-glassmorphism-generator) |\n | 55 | **Alarm App** | Aplicación de alarma | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2355%20-%20Alarm%20App) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/55-alarm) |\n | 56 | **Image Color Picker** | Selector de color de imagen | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2356%20-%20Image%20Color%20Picker) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/56-image-color-picker) |\n | 57 | **2048 Game** | Juego 2048 | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2357%20-%202048%20Game) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/57-2048-game) |\n | 58 | **Games Release Calendar** | Calendario de lanzamientos de juegos | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2358%20-%20Games%20Release%20Calendar) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/58-games-release-calendar) |\n | 59 | **Snake Pong Game** | Juego de Snake Pong | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2359%20-%20Snake%20Pong) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/59-snake-pong) |\n | 60 | **Wikipedia Searcher** | Buscador de Wikipedia | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)](https://github.com/gianmattus-programmer/100-DIAS-DE-JS/tree/master/Día%20%2360%20-%20Wikipedia%20Searcher) | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/60-wikipedia-searcher) |\n | 61 | **Api Quiz Game** | Juego de preguntas con API | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/61-api-quiz-game) |\n | 62 | **Chrome ToDo Extension** | Extensión de Chrome para lista de tareas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/62-chrome-todo-extension) |\n | 63 | **Chrome Translator Extension** | Extensión de Chrome para traducción | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/63-chrome-translator-extension) |\n | 64 | **Speech To Text** | Conversión de voz a texto | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/64-speech-to-text) |\n | 65 | **Capture Screenshot** | Captura de pantalla | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/65-capture-screenshot) |\n | 66 | **Live Chart Generator** | Generador de gráficos en vivo | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/66-live-chart-generator) |\n | 67 | **Captcha App** | Aplicación de captcha | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/67-captcha-app) |\n | 68 | **JSON Parser** | Analizador de JSON | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/68-json-parser) |\n | 69 | **Form Validation** | Validación de formularios | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/69-form-validation) |\n | 70 | **Calendar With Events** | Calendario con eventos | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/70-calendar-with-events) |\n | 71 | **News Aggregator App** | Aplicación de agregador de noticias | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/71-news-aggregator) |\n | 72 | **Common Sliders** | Sliders comunes | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/72-common-sliders) |\n | 73 | **Gameboy Tetris Clone** | Clon de Tetris para Gameboy | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/73-gameboy-tetris-clone) |\n | 74 | **Flashcard App** | Aplicación de tarjetas de memoria | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/74-flashcard-app) |\n | 75 | **Mini Music Player** | Reproductor de música mini | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/75-mini-music-player) |\n | 76 | **Page Translator Extension** | Extensión de traducción de páginas | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/76-page-translator-extension) |\n | 77 | **AI Image Detector** | Detector de imágenes con IA | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/77-ai-image-detector) |\n | 78 | **Google Gemini Clone** | Clon de Google Gemini | [![GitHub Badge](https://img.shields.io/badge/Código-181717?logo=github\u0026logoColor=fff\u0026style=flat-square)]() | [![Vercel Badge](https://img.shields.io/badge/Website-000?logo=vercel\u0026logoColor=fff\u0026style=flat-square)](https://your-website.dev/78-google-gemini-clone) |\n \n ## 🚧 Próximos Proyectos\n \n \u003cdiv align=\"center\"\u003e\n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://img.shields.io/badge/Próximos-22_Proyectos-blue?style=for-the-badge\" alt=\"Próximos proyectos\"/\u003e\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003cimg src=\"https://img.shields.io/badge/Actualización-Diaria-green?style=for-the-badge\" alt=\"Actualización diaria\"/\u003e\n       \u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \n   ### Algunos proyectos por venir:\n   \n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd\u003e🎮 Mini Juego RPG\u003c/td\u003e\n       \u003ctd\u003e🤖 Bot de Discord\u003c/td\u003e\n       \u003ctd\u003e📊 Dashboard Crypto\u003c/td\u003e\n     \u003c/tr\u003e\n     \u003ctr\u003e\n       \u003ctd\u003e🎨 Editor de Memes\u003c/td\u003e\n       \u003ctd\u003e🎵 Visualizador de Audio\u003c/td\u003e\n       \u003ctd\u003e🌍 Rastreador COVID\u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \u003c/div\u003e\n \n ## 🤝 Contribuciones\n \n \u003cdiv align=\"center\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge\" alt=\"PRs Welcome\"/\u003e\n   \n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd\u003e\n         \u003ch3\u003e👨‍💻 Cómo Contribuir\u003c/h3\u003e\n         \u003col\u003e\n           \u003cli\u003e🍴 Fork del repositorio\u003c/li\u003e\n           \u003cli\u003e🌿 Crea tu rama de características\u003cbr\u003e\u003ccode\u003egit checkout -b feature/AmazingFeature\u003c/code\u003e\u003c/li\u003e\n           \u003cli\u003e💾 Guarda tus cambios\u003cbr\u003e\u003ccode\u003egit commit -m '✨ Add some AmazingFeature'\u003c/code\u003e\u003c/li\u003e\n           \u003cli\u003e📤 Sube tus cambios\u003cbr\u003e\u003ccode\u003egit push origin feature/AmazingFeature\u003c/code\u003e\u003c/li\u003e\n           \u003cli\u003e🔄 Abre un Pull Request\u003c/li\u003e\n         \u003c/ol\u003e\n       \u003c/td\u003e\n       \u003ctd\u003e\n         \u003ch3\u003e🌟 Áreas de Contribución\u003c/h3\u003e\n         \u003cul\u003e\n           \u003cli\u003e📝 Documentación y guías\u003c/li\u003e\n           \u003cli\u003e🐛 Reporte de errores\u003c/li\u003e\n           \u003cli\u003e✨ Nuevas características\u003c/li\u003e\n           \u003cli\u003e🎨 Mejoras de UI/UX\u003c/li\u003e\n           \u003cli\u003e♿ Mejoras de accesibilidad\u003c/li\u003e\n         \u003c/ul\u003e\n       \u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \u003c/div\u003e\n \n ## 📫 Contacto y Redes Sociales\n \n \u003cdiv align=\"center\"\u003e\n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003ca href=\"https://github.com/gianmattus-programmer\"\u003e\n           \u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\"/\u003e\n         \u003c/a\u003e\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003ca href=\"https://www.linkedin.com/in/giancarlos-chávez-mattus/\"\u003e\n           \u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\"/\u003e\n         \u003c/a\u003e\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003ca href=\"mailto:chavezmattus@gmail.com\"\u003e\n           \u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" alt=\"Email\"/\u003e\n         \u003c/a\u003e\n       \u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \n   \u003cp\u003e¿Tienes preguntas o sugerencias? ¡No dudes en contactarme! 📩\u003c/p\u003e\n \u003c/div\u003e\n \n ## ⭐ ¡Apoya este Proyecto!\n \n \u003cdiv align=\"center\"\u003e\n   \u003ctable\u003e\n     \u003ctr\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003ch3\u003e🌟 Dale una Estrella\u003c/h3\u003e\n         \u003cp\u003eSi te resulta útil, ¡apóyalo con una estrella!\u003c/p\u003e\n         \u003cimg src=\"https://img.shields.io/github/stars/gianmattus-programmer/100-DIAS-DE-JS?style=social\" alt=\"GitHub stars\"/\u003e\n       \u003c/td\u003e\n       \u003ctd align=\"center\"\u003e\n         \u003ch3\u003e🔄 Comparte\u003c/h3\u003e\n         \u003cp\u003eAyuda a otros desarrolladores compartiendo este recurso\u003c/p\u003e\n         \u003ca href=\"https://www.facebook.com/sharer/sharer.php?u=https://github.com/gianmattus-programmer/100-DIAS-DE-JS\"\u003e\n           \u003cimg src=\"https://img.shields.io/badge/Compartir-Facebook-1877F2?style=for-the-badge\u0026logo=facebook\u0026logoColor=white\" alt=\"Compartir en Facebook\"/\u003e\n         \u003c/a\u003e\n       \u003c/td\u003e\n     \u003c/tr\u003e\n   \u003c/table\u003e\n \u003c/div\u003e\n \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgianmattus-programmer%2F100-dias-de-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgianmattus-programmer%2F100-dias-de-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgianmattus-programmer%2F100-dias-de-js/lists"}