22
33Una página web colaborativa donde desarrolladores de todo el mundo pueden contribuir con su información personal y aprender sobre colaboración en proyectos open source.
44
5- ## 🌟 Características
6-
7- - ✨ ** Página web animada y moderna** con efectos visuales atractivos
8- - 🤖 ** Sistema automatizado** de validación y despliegue con GitHub Actions
9- - 🔄 ** Auto-merge** de contribuciones válidas
10- - 📊 ** Estadísticas en tiempo real** de colaboradores
11- - 🎨 ** Diseño responsive** que se adapta a cualquier dispositivo
12- - 🚀 ** Despliegue automático** a GitHub Pages
13-
145## 🌐 Ver la Página Web
156
167👉 ** [ Visita la página web aquí] ( https://dav082004.github.io/RepoColaborativo ) **
178
18- ## 🤝 ¿Cómo Contribuir?
19-
20- ### Paso 1: Fork del Repositorio
21-
22- ``` bash
23- # 1. Haz fork de este repositorio en GitHub (botón "Fork")
24- # 2. Clona tu fork
25- git clone https://github.com/TU_USUARIO/RepoColaborativo.git
26- cd RepoColaborativo
27- ```
28-
29- ### Paso 2: Agrega tu Información
30-
31- Edita el archivo ` contributors.js ` y agrega tu objeto al final del array ` contributors ` :
32-
33- ``` javascript
34- {
35- name: " Tu Nombre Completo" ,
36- nickname: " tu_github_username" ,
37- github: " https://github.com/tu_username" , // Requerido
38- linkedin: " https://linkedin.com/in/tu-perfil" , // Opcional
39- description: " Una breve descripción sobre ti y tu especialidad" , // Requerido
40- image: " https://tu-url-de-imagen.com/imagen.jpg" , // Opcional
41- hobbies: [" Hobby1" , " Hobby2" , " Hobby3" ] // Máximo 4 hobbies
42- },
43- ```
44-
45- ### 📸 Sobre las Imágenes de Perfil
46-
47- - ** 🤖 Automático** : Si no proporcionas una imagen, se usará automáticamente tu avatar de GitHub
48- - ** 🔄 Respaldo** : Si tu imagen personalizada falla, se mostrará tu avatar de GitHub como respaldo
49- - ** 🎨 Iniciales** : Si no tienes GitHub, se mostrarán tus iniciales con un color único
50- - ** ✅ Formatos soportados** : JPG, PNG, WebP
51- - ** 📏 Tamaño recomendado** : 200x200px o mayor
52-
53- ** Ejemplo:**
54-
55- ``` javascript
56- {
57- name: " Ana María González" ,
58- nickname: " anagonzalez" ,
59- github: " https://github.com/anagonzalez" ,
60- linkedin: " https://linkedin.com/in/ana-gonzalez-dev" ,
61- description: " Estudiante de Ingeniería de Sistemas especializada en desarrollo web" ,
62- image: " https://avatars.githubusercontent.com/u/12345678?v=4" , // Opcional
63- hobbies: [" Programación" , " Lectura" , " Yoga" , " Fotografía" ]
64- },
65- ```
66-
67- ### Paso 3: Envía tu Pull Request
68-
69- ``` bash
70- # Crea una nueva rama
71- git checkout -b feat/add-tu-nickname
72-
73- # Agrega los cambios
74- git add contributors.js
75-
76- # Haz commit con el formato correcto
77- git commit -m " feat: add [tu_nickname] to contributors"
78-
79- # Envía los cambios
80- git push origin feat/add-tu-nickname
81- ```
82-
83- Luego crea un Pull Request en GitHub con el título: ` feat: add [tu_nickname] to contributors `
84-
859## 🤖 Sistema Automatizado
8610
8711### ✅ Validaciones Automáticas
@@ -95,15 +19,6 @@ Cuando envíes tu PR, el sistema automáticamente validará:
9519- ✅ URL de LinkedIn válida (si se proporciona)
9620- ✅ No duplicación de nicknames
9721
98- ### 🔄 Auto-merge
99-
100- Si todas las validaciones pasan:
101-
102- 1 . ** Comentario automático** de bienvenida
103- 2 . ** Merge automático** del PR
104- 3 . ** Despliegue automático** de la página web actualizada
105- 4 . ** Notificación** de éxito
106-
10722### 🚨 Si hay errores
10823
10924- Recibirás comentarios específicos sobre qué corregir
@@ -126,71 +41,6 @@ Si todas las validaciones pasan:
12641- Usar información falsa o inapropiada
12742- Duplicar nicknames existentes
12843
129- ## 🛠️ Desarrollo Local
130-
131- Para probar la página localmente:
132-
133- ``` bash
134- # Clona el repositorio
135- git clone https://github.com/Dav082004/RepoColaborativo.git
136- cd RepoColaborativo
137-
138- # Abre index.html en tu navegador
139- # O usa un servidor local como Live Server en VS Code
140- ```
141-
142- ## 📁 Estructura del Proyecto
143-
144- ```
145- RepoColaborativo/
146- ├── index.html # Página principal
147- ├── styles.css # Estilos y animaciones
148- ├── script.js # Funcionalidades interactivas
149- ├── contributors.js # 📝 Datos de colaboradores (AQUÍ EDITAS)
150- ├── .github/workflows/ # GitHub Actions
151- │ ├── deploy.yml # Despliegue y validaciones
152- │ └── auto-merge.yml # Auto-merge de PRs válidos
153- └── README.md # Este archivo
154- ```
155-
156- ## 🎯 Tecnologías Utilizadas
157-
158- - ** Frontend:** HTML5, CSS3, JavaScript (Vanilla)
159- - ** Animaciones:** CSS Animations, Transforms
160- - ** CI/CD:** GitHub Actions
161- - ** Hosting:** GitHub Pages
162- - ** Validación:** Node.js scripts
163-
164- ## 🌟 Características Especiales
165-
166- ### 🎨 Efectos Visuales
167-
168- - Gradientes animados
169- - Partículas flotantes
170- - Efectos de hover en 3D
171- - Animaciones de entrada suaves
172- - Contador animado de estadísticas
173-
174- ### 🎮 Easter Eggs
175-
176- - Código Konami para efectos especiales
177- - Mensajes de bienvenida animados
178- - Efectos de lluvia de emojis
179-
180- ### 📱 Responsive Design
181-
182- - Diseño adaptable para móviles
183- - Navegación optimizada
184- - Tipografía escalable
185-
186- ## 📊 Estadísticas del Proyecto
187-
188- - 👥 ** Colaboradores:** Se actualiza automáticamente
189- - 🌍 ** Países representados:** Estimación basada en colaboradores
190- - 📈 ** Contribuciones totales:** Contador dinámico
191-
192- ## 🤝 Comunidad y Soporte
193-
19444### 💬 ¿Necesitas ayuda?
19545
19646- 🐛 [ Reportar un bug] ( https://github.com/Dav082004/RepoColaborativo/issues/new?labels=bug )
@@ -207,28 +57,3 @@ RepoColaborativo/
20757- 🎨 Mejoras de diseño
20858
20959Para estas contribuciones, abre un issue primero para discutir los cambios.
210-
211- ## 📜 Licencia
212-
213- Este proyecto está bajo la Licencia MIT. Consulta el archivo [ LICENSE] ( LICENSE ) para más detalles.
214-
215- ## 🎉 ¡Únete Ahora!
216-
217- ¿Estás listo para hacer tu primera contribución a un proyecto colaborativo?
218-
219- 1 . 🔀 ** Fork** este repositorio
220- 2 . ✏️ ** Agrega** tu información a ` contributors.js `
221- 3 . 📤 ** Envía** tu Pull Request
222- 4 . 🎊 ** ¡Celebra** tu primera contribución!
223-
224- ** ¡Te esperamos en la comunidad!** 🚀
225-
226- ---
227-
228- <div align =" center " >
229-
230- ** ¿Te gusta el proyecto? ¡Dale una ⭐ al repositorio!**
231-
232- Hecho con ❤️ por la comunidad de desarrolladores
233-
234- </div >
0 commit comments