🎉 Initial commit: Hospital Patient Management System

✨ Features:
- Complete CRUD operations for patient management
- Professional sidebar navigation with responsive design
- MSW (Mock Service Worker) for API simulation
- Centralized API service layer
- 100% responsive design (mobile, tablet, desktop)

🛠️ Tech Stack:
- React 19 with Vite 7.2.2
- React Router DOM 7.9.6
- Tailwind CSS 3.4.0
- Mock Service Worker

📚 Documentation:
- Professional README with technology badges
- MIT License
- Contributing guidelines
- Changelog and Security policy
- GitHub Actions for automatic deployment

Author: RodrigoSanchezDev

.editorconfig

@@ -0,0 +1,26 @@
+# EditorConfig helps maintain consistent coding styles
+# https://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
+
+[*.{json,yml,yaml}]
+indent_size = 2
+
+[*.{js,jsx,ts,tsx}]
+indent_size = 2
+quote_type = single
+
+[package.json]
+indent_size = 2

.github/CONTRIBUTING.md

@@ -0,0 +1,113 @@
+# Guía de Contribución
+
+¡Gracias por tu interés en contribuir al Sistema de Gestión de Pacientes! 🎉
+
+## Código de Conducta
+
+Este proyecto se adhiere a un código de conducta. Al participar, se espera que mantengas un ambiente respetuoso y profesional.
+
+## ¿Cómo Contribuir?
+
+### 🐛 Reportar Bugs
+
+Si encuentras un bug, por favor abre un issue con:
+- Descripción clara del problema
+- Pasos para reproducirlo
+- Comportamiento esperado vs. actual
+- Screenshots si es posible
+- Información del navegador y sistema operativo
+
+### 💡 Sugerir Mejoras
+
+Para sugerir nuevas características:
+1. Verifica que no exista un issue similar
+2. Abre un nuevo issue con la etiqueta "enhancement"
+3. Describe claramente la funcionalidad propuesta
+4. Explica por qué sería útil
+
+### 🔧 Pull Requests
+
+1. **Fork** el repositorio
+2. **Crea una rama** desde `main`:
+   ```bash
+   git checkout -b feature/mi-nueva-caracteristica
+   ```
+3. **Haz tus cambios** siguiendo las guías de estilo
+4. **Commit** tus cambios:
+   ```bash
+   git commit -m 'Add: descripción clara del cambio'
+   ```
+5. **Push** a tu fork:
+   ```bash
+   git push origin feature/mi-nueva-caracteristica
+   ```
+6. **Abre un Pull Request** desde tu rama hacia `main`
+
+## Guías de Estilo
+
+### Código JavaScript/React
+
+- Usa **ES6+** syntax
+- Nombres de componentes en **PascalCase**
+- Nombres de archivos coinciden con el componente: `MyComponent.jsx`
+- Usa **arrow functions** para componentes funcionales
+- Props destructuring en la firma de la función
+- Hooks al inicio del componente
+
+### Commits
+
+Sigue el formato:
+```
+Tipo: Descripción breve
+
+Descripción detallada (opcional)
+```
+
+Tipos válidos:
+- `Add`: Nueva funcionalidad
+- `Fix`: Corrección de bug
+- `Update`: Actualización de código existente
+- `Refactor`: Refactorización de código
+- `Style`: Cambios de formato/estilo
+- `Docs`: Cambios en documentación
+- `Test`: Añadir o modificar tests
+
+### Tailwind CSS
+
+- Usa clases de Tailwind en lugar de CSS custom
+- Agrupa clases relacionadas: `flex items-center justify-between`
+- Usa las variables de color del tema: `text-primary`, `bg-secondary`
+- Responsive classes: móvil primero, luego breakpoints `sm:`, `md:`, `lg:`
+
+## Estructura de Branches
+
+- `main` - Producción, siempre estable
+- `develop` - Desarrollo activo
+- `feature/*` - Nuevas características
+- `fix/*` - Correcciones de bugs
+- `hotfix/*` - Fixes urgentes en producción
+
+## Testing
+
+Antes de enviar un PR:
+1. Verifica que la app corra sin errores: `npm run dev`
+2. Verifica que el build funcione: `npm run build`
+3. Revisa la consola del navegador (no debe haber errores)
+4. Prueba en diferentes tamaños de pantalla
+
+## Proceso de Review
+
+1. Un maintainer revisará tu PR
+2. Pueden solicitar cambios
+3. Una vez aprobado, se hará merge a `main`
+4. Tu contribución será acreditada en el proyecto
+
+## Preguntas
+
+Si tienes dudas, puedes:
+- Abrir un issue con la etiqueta "question"
+- Contactar a [email protected]
+
+---
+
+¡Gracias por contribuir! 🚀

.github/screenshots/.gitkeep

@@ -0,0 +1 @@
+# Esta carpeta contiene las capturas de pantalla del proyecto

.github/screenshots/README.md

@@ -0,0 +1,59 @@
+# 📸 Screenshots
+
+Esta carpeta contiene las capturas de pantalla utilizadas en la documentación del proyecto.
+
+## 📋 Lista de Capturas Requeridas
+
+### Desktop Views (1920x1080 recomendado)
+- [x] `desktop-dashboard.png` - Dashboard principal con estadísticas
+- [x] `desktop-patient-list.png` - Lista de pacientes en grid
+- [x] `desktop-patient-detail.png` - Vista detallada de un paciente
+- [x] `desktop-edit-form.png` - Formulario de crear/editar
+
+### Mobile Views (375x812 recomendado - iPhone X)
+- [x] `mobile-menu.png` - Menú hamburguesa abierto
+- [x] `mobile-dashboard.png` - Dashboard en vista móvil
+
+### Optional
+- [ ] `tablet-responsive.png` - Vista en tablet (768x1024)
+
+## 🎨 Recomendaciones
+
+### Resolución y Formato
+- **Desktop**: 1920x1080px o 1440x900px
+- **Mobile**: 375x812px (iPhone X/11) o 390x844px (iPhone 12/13)
+- **Formato**: PNG con compresión optimizada
+- **Peso máximo**: 500KB por imagen
+
+### Captura Professional
+1. **Limpia el navegador**: Oculta extensiones y bookmarks
+2. **Usa modo incógnito**: Para una barra limpia
+3. **Zoom 100%**: Asegura proporciones correctas
+4. **Datos realistas**: Usa los pacientes de ejemplo incluidos
+5. **Scroll a 0**: Captura desde el inicio de la página
+
+### Herramientas Recomendadas
+- **macOS**: Cmd + Shift + 4 (nativo)
+- **Windows**: Snipping Tool o Win + Shift + S
+- **Extensiones Chrome**: 
+  - [Awesome Screenshot](https://chrome.google.com/webstore/detail/awesome-screenshot)
+  - [FireShot](https://chrome.google.com/webstore/detail/fireshot)
+
+### Optimización
+- Usa [TinyPNG](https://tinypng.com/) para comprimir
+- O ejecuta: `npm install -g imagemin-cli && imagemin *.png --out-dir=optimized`
+
+## 🚀 Testing de Screenshots
+
+Después de añadir las imágenes, verifica:
+```bash
+# Verifica que todas las imágenes existan
+ls -la *.png
+
+# Verifica el tamaño de las imágenes
+du -h *.png
+```
+
+---
+
+**Nota**: Las imágenes deben mostrar el estado real y funcional de la aplicación para generar confianza en potenciales usuarios o empleadores.