└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Cómo optimizar tu perfil de GitHub 🐙 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | --- 10 | 11 | Bienvenido a esta lista de herramientas útiles para **mejorar y personalizar tu perfil de GitHub**. Estas herramientas te ayudarán a destacar y a mostrar tu trabajo de forma más atractiva. 12 | 13 | 1. [Generador de Perfil](#generador-de-perfil) 14 | 2. [Generador de Header](#generador-de-header) 15 | 3. [Badges Personalizados](#badges-personalizados) 16 | 4. [Estadísticas Visuales](#estadísticas-visuales) 17 | 5. [README Personalizado](#readme-personalizado) 18 | 6. [Mockups Visuales](#mockups-visuales) 19 | 7. [Licencia](#licencia) 20 | 21 | --- 22 | 23 | ## Generador de Perfil 24 | 25 | ### Recurso: [GPRM (GitHub Profile README Generator)](https://gprm.itsvg.in/) 26 | 27 | GPRM es un generador interactivo para crear un **README** atractivo para tu perfil de GitHub. Ofrece diferentes secciones personalizadas como tu biografía, redes sociales, estadísticas de tu cuenta y más. 28 | 29 | - **Personaliza tu perfil** con estadísticas, enlaces a redes sociales y una biografía visualmente atractiva. 30 | 31 | ![image](https://github.com/user-attachments/assets/bb01957a-0eec-4ad7-bdc9-be9511001504) 32 | 33 | --- 34 | 35 | ## Generador de Header 36 | 37 | ### Recurso: [GitHub Profile Header Generator](https://leviarista.github.io/github-profile-header-generator/) 38 | 39 | Esta herramienta genera un **header image** o imagen de cabecera para tu perfil de GitHub. Puedes personalizar el texto, los colores y las fuentes para que se ajuste a tu estilo. 40 | 41 | ![image](https://github.com/user-attachments/assets/51447cbb-a567-4696-9cd5-62b325bd943a) 42 | 43 | --- 44 | 45 | ## Badges Personalizados 46 | 47 | ### Recurso: [Shields.io](https://shields.io/) 48 | 49 | **Shields.io** te permite crear **badges personalizados** para mostrar información clave sobre tu repositorio, como el estado de la construcción (CI/CD), versión, licencias, cobertura de pruebas, entre otros. 50 | 51 | - **Personaliza tus badges** con colores y etiquetas personalizadas. 52 | - Ejemplos: 53 | - ![Build Status](https://img.shields.io/travis/com/usuario/repositorio) 54 | - ![Coverage](https://img.shields.io/coveralls/github/usuario/repositorio) 55 | - ![Node.js](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white) 56 | - ![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black) 57 | 58 | 59 | ### Recurso: [GitHub Profile Badges](https://home.aveek.io/GitHub-Profile-Badges/) 60 | 61 | **GitHub Profile Badges** te permite generar **badges personalizados** para tu perfil de GitHub de manera rápida y sencilla. 62 | Puedes elegir entre diferentes categorías, como tecnologías que usas, habilidades y mucho más. 63 | 64 | - **Personaliza tus badges** con logotipos y colores que representen tus tecnologías y habilidades. 65 | - Ejemplos: 66 | - ![HTML5 Badge](https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge&logo=HTML5&logoColor=white) 67 | - ![CSS3 Badge](https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge&logo=CSS3&logoColor=white) 68 | --- 69 | 70 | ## Estadísticas Visuales 71 | 72 | ### Recurso: [GitHub Readme Stats](https://github.com/anuraghazra/github-readme-stats) 73 | 74 | **GitHub Readme Stats** genera estadísticas visuales personalizadas de tu perfil o repositorio. Muestra información como la cantidad de commits, los lenguajes más utilizados, el número de estrellas, etc. 75 | 76 | - **Agrega una tarjeta de estadísticas** a tu perfil para mostrar tu actividad en GitHub de forma visual. 77 | 78 | ![image](https://github.com/user-attachments/assets/2ea011f6-5c0d-46dc-9fc6-ed8e4a91ec21) 79 | 80 | ### Recurso: [Profile Summary for GitHub](https://profile-summary-for-github.com/user/Almudena-Rendon) 81 | 82 | **Profile Summary for GitHub** genera un resumen visual detallado de tu perfil de GitHub, proporcionando información clave sobre tu actividad en la plataforma. Muestra estadísticas de tus repositorios, contribuciones, lenguajes más utilizados y gráficos visuales para resaltar tu actividad y habilidades. 83 | 84 | - **Genera un resumen visual** que te permite mostrar de forma atractiva tus estadísticas y habilidades en GitHub. 85 | 86 | ![image](https://github.com/user-attachments/assets/4116acc1-85da-442b-9c3c-ed1653781e83) 87 | 88 | 89 | --- 90 | 91 | ## README Personalizado 92 | 93 | ### Recurso: [Readme.so](https://readme.so/es) 94 | 95 | **Readme.so** es una herramienta en línea que te permite crear un README.md de manera automática y sencilla mediante una interfaz de arrastrar y soltar. Puedes agregar secciones como "Acerca de", "Tecnologías", "Estado del proyecto", "Licencia", entre otras. 96 | 97 | ![image](https://github.com/user-attachments/assets/edeb72bf-7300-4c48-88fe-473d1d029e5c) 98 | 99 | ### Recurso: [PimpMyReadme](https://pimp-my-readme-next.vercel.app/) 100 | 101 | **PimpMyReadme** te ayuda a crear un README.md completo y personalizado, agregando badges, estadísticas visuales, trofeos y otros elementos gráficos que puedes usar en tu perfil de GitHub. 102 | 103 | [![Hey, I'm Jellybear! ](https://pimp-my-readme-next.vercel.app/api/sliding-text?emojis=1f419&text=Hey%2C%20I%27m%20Jellybear%21%20)](https://pimp-my-readme-next.vercel.app) 104 | 105 | --- 106 | 107 | ## Mockups Visuales 108 | 109 | ### Recurso: [Shots.so](https://shots.so/) 110 | 111 | **Shots.so** es una herramienta en línea que te permite generar **mockups interactivos** de alta calidad para tus proyectos de diseño y desarrollo. Puedes usarla para crear visualizaciones realistas de tu app o proyecto en diferentes dispositivos. 112 | 113 | - **Crea mockups interactivos** que impresionarán a tus colaboradores o posibles empleadores. 114 | 115 | ![freepik__background__30320](https://github.com/user-attachments/assets/f6207856-e5b7-4f13-bf1b-88b455023bec) 116 | 117 | --- 118 | 119 | ## Licencia 120 | 121 | ### Recurso: [ChooseALicense.com](https://choosealicense.com/) 122 | 123 | **ChooseALicense.com** es una plataforma que te ayuda a elegir la licencia más adecuada para tu proyecto de código abierto. El sitio ofrece una **explicación clara y sencilla** de las licencias más comunes y sus implicaciones legales. 124 | 125 | - **¿Por qué usar una licencia?** 126 | Incluir una licencia en tu repositorio garantiza que otros sepan cómo pueden usar tu código, ya sea para contribuir, modificar o redistribuirlo. Sin una licencia explícita, tu código está bajo derechos de autor, y otros no tienen permisos para usarlo legalmente. 127 | 128 | ![image](https://github.com/user-attachments/assets/a84c3ca6-c6f1-4447-be24-c2f9a8d25c9f) 129 | 130 | --------------------------------------------------------------------------------