{"id":31693736,"url":"https://github.com/anchundiatech/medilink-frontend","last_synced_at":"2026-04-11T05:33:06.327Z","repository":{"id":318025516,"uuid":"1069714299","full_name":"anchundiatech/MediLink-Frontend","owner":"anchundiatech","description":"Frontend del portal de salud MediLink. Construido con React, Vite y Tailwind CSS para una gestión moderna de citas y teleasistencia.","archived":false,"fork":false,"pushed_at":"2025-10-08T22:20:10.000Z","size":706,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"develop","last_synced_at":"2025-10-12T12:50:02.525Z","etag":null,"topics":["react","react-router","tailwind-css","vite"],"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/anchundiatech.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-04T13:31:27.000Z","updated_at":"2025-10-04T21:55:06.000Z","dependencies_parsed_at":"2025-10-04T16:26:09.678Z","dependency_job_id":null,"html_url":"https://github.com/anchundiatech/MediLink-Frontend","commit_stats":null,"previous_names":["anchundiatech/medilink-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anchundiatech/MediLink-Frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anchundiatech%2FMediLink-Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anchundiatech%2FMediLink-Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anchundiatech%2FMediLink-Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anchundiatech%2FMediLink-Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anchundiatech","download_url":"https://codeload.github.com/anchundiatech/MediLink-Frontend/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anchundiatech%2FMediLink-Frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281386589,"owners_count":26492014,"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","status":"online","status_checked_at":"2025-10-28T02:00:06.022Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["react","react-router","tailwind-css","vite"],"created_at":"2025-10-08T15:52:52.510Z","updated_at":"2025-10-28T05:07:59.679Z","avatar_url":"https://github.com/anchundiatech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MediLink-Frontend 🩺✨\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg alt=\"License\" src=\"https://img.shields.io/github/license/anchundiatech/MediLink-Frontend?style=for-the-badge\"\u003e\n  \u003cimg alt=\"Last commit\" src=\"https://img.shields.io/github/last-commit/anchundiatech/MediLink-Frontend?style=for-the-badge\"\u003e\n  \u003cimg alt=\"GitHub stars\" src=\"https://img.shields.io/github/stars/anchundiatech/MediLink-Frontend?style=for-the-badge\u0026logo=github\"\u003e\n\n  ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![TanStack Query](https://img.shields.io/badge/TanStack_Query-FF4154?style=for-the-badge\u0026logo=react-query\u0026logoColor=white)\n![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge\u0026logo=axios\u0026logoColor=white)\n![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n![pnpm](https://img.shields.io/badge/pnpm-F69220?style=for-the-badge\u0026logo=pnpm\u0026logoColor=white)\n\n\u003c/div\u003e\n\n\n\u003c!--\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"URL_DEL_LOGO_O_SCREENSHOT\" alt=\"MediLink\" width=\"600\"/\u003e\n\u003c/div\u003e\n--\u003e\n\nDocumentación del frontend para la plataforma de telemedicina MediLink.\n\n## Índice\n\n1.  [Descripción del Proyecto](#descripción-del-proyecto-️)\n2.  [Características Principales](#características-principales-)\n3.  [Tecnologías Utilizadas](#tecnologías-utilizadas-)\n4.  [Puesta en Marcha](#puesta-en-marcha-)\n5.  [Estructura del Proyecto](#estructura-del-proyecto-)\n6.  [Scripts Disponibles](#scripts-disponibles-)\n7.  [Cómo Contribuir](#cómo-contribuir-)\n\n\n## Descripción del Proyecto 🗒️\n\n**MediLink** es una plataforma web moderna diseñada para clínicas y centros de salud, con el objetivo de centralizar la gestión de citas, historiales médicos y la comunicación con pacientes. El sistema ofrece dos portales principales: uno para pacientes, enfocado en la autogestión de citas y acceso a su información; y otro para profesionales de la salud, enfocado en la administración de su agenda y la teleasistencia.\n\nEl proyecto busca resolver la fragmentación de los sistemas actuales, ofreciendo una experiencia de usuario unificada y segura, con interoperabilidad con sistemas EHR existentes a través del estándar FHIR.\n\n## Características Principales 🚀\n\n-   👤 **Portal de Pacientes:** Agendar, modificar y cancelar citas. Ver historial clínico y recibir recordatorios.\n-   👨‍⚕️ **Portal de Profesionales:** Gestionar agenda con disponibilidad en tiempo real. Consultar historiales y lanzar teleconsultas.\n-   🔐 **Autenticación Segura:** Sistema de registro y login con autenticación multifactor y control de permisos por rol.\n-   📹 **Teleconsulta Integrada:** Videollamadas y chat seguro directamente en la plataforma.\n-   🔄 **Integración con EHR (FHIR):** Capacidad para leer y escribir datos en sistemas de historias clínicas electrónicas compatibles con el estándar FHIR.\n-   📱 **Diseño Responsivo:** Experiencia de usuario optimizada para dispositivos móviles, tablets y escritorio bajo el enfoque \"Mobile First\".\n\n## Tecnologías Utilizadas 🛠️\n\nEste proyecto utiliza un stack moderno y escalable.\n\n\n\u003cdiv align=\"center\"\u003e\n\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![TanStack Query](https://img.shields.io/badge/TanStack_Query-FF4154?style=for-the-badge\u0026logo=react-query\u0026logoColor=white)\n![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge\u0026logo=axios\u0026logoColor=white)\n![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n![pnpm](https://img.shields.io/badge/pnpm-F69220?style=for-the-badge\u0026logo=pnpm\u0026logoColor=white)\n\n\u003c/div\u003e\n\n## Puesta en Marcha 🏁\n\nSigue estos pasos para levantar el entorno de desarrollo local.\n\n1.  **Clonar el repositorio**\n    ```bash\n    git clone git@github.com:anchundiatech/MediLink-Frontend.git\n    cd MediLink-Frontend\n    ```\n\n2.  **Instalar dependencias**\n    Asegúrate de tener [pnpm](https://pnpm.io/installation) instalado.\n    ```bash\n    pnpm install\n    ```\n\n3.  **Configurar variables de entorno**\n    Crea un archivo `.env` en la raíz del proyecto a partir del archivo de ejemplo `.env.example`.\n    ```bash\n    cp .env.example .env\n    ```\n    Luego, edita el archivo `.env` con las URLs de la API y otras claves necesarias.\n    ```env\n    VITE_API_GATEWAY_URL=http://localhost:3000/api\n    VITE_SOME_OTHER_KEY=your_key_here\n    ```\n\n4.  **Ejecutar el servidor de desarrollo**\n    ```bash\n    pnpm dev\n    ```\n    La aplicación estará disponible en `http://localhost:5173` (o el puerto que indique Vite).\n\n## Estructura del Proyecto 📁\n\nEl proyecto sigue una estructura organizada por funcionalidades para facilitar la mantenibilidad y escalabilidad.\n\n```\nsrc/\n├── assets/         # Imágenes, fuentes y otros activos estáticos\n├── components/     # Componentes de UI reutilizables (Botones, Inputs, etc.)\n├── config/         # Configuración de la aplicación (ej. Axios, i18n)\n├── features/       # Módulos de la aplicación (ej. auth, appointments)\n├── hooks/          # Hooks personalizados de React\n├── lib/            # Clientes de API, helpers y utilidades\n├── pages/          # Vistas principales de la aplicación\n├── providers/      # Context Providers de React\n├── routes/         # Configuración del enrutado\n├── styles/         # Estilos globales\n└── App.tsx         # Componente raíz de la aplicación\n```\n\n## Scripts Disponibles 📜\n\n-   `pnpm dev`: Inicia el servidor de desarrollo con Hot-Reload.\n-   `pnpm build`: Compila la aplicación para producción en la carpeta `dist/`.\n-   `pnpm lint`: Ejecuta ESLint para analizar el código en busca de errores y problemas de estilo.\n-   `pnpm preview`: Sirve localmente el contenido de `dist/` para previsualizar la build de producción.\n\n## Cómo Contribuir 🤝\n\n¡Las contribuciones son bienvenidas! Si deseas colaborar, por favor sigue estos pasos:\n\n1.  Haz un **Fork** de este repositorio.\n2.  Crea una nueva rama (`git checkout -b feature/nueva-funcionalidad`).\n3.  Realiza tus cambios y haz **Commit** (`git commit -m 'Añade nueva funcionalidad'`).\n4.  Haz **Push** a tu rama (`git push origin feature/nueva-funcionalidad`).\n5.  Abre un **Pull Request**.\n\nPor favor, asegúrate de que tu código siga las guías de estilo del proyecto y pase el linter.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanchundiatech%2Fmedilink-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanchundiatech%2Fmedilink-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanchundiatech%2Fmedilink-frontend/lists"}