ClinicFlow E-commerce

ClinicFlow E-commerce es una plataforma web moderna y segura desarrollada para la comercialización de planes de suscripción del sistema de gestión de pacientes ClinicFlow. Su objetivo principal es facilitar la adquisición del software mediante una experiencia de compra en línea intuitiva, eficiente y confiable para clientes potenciales (clínicas, hospitales, consultorios), así como proporcionar un panel de administración para la gestión de productos y ventas.

🎯 Problema que Busca Resolver

Este proyecto surge como respuesta a la necesidad de contar con un canal de ventas digital automatizado y profesional para ClinicFlow. La plataforma permite:

• Presentar de manera clara y atractiva los diferentes planes de suscripción (Básico, Estándar, Premium, Personalizado) con sus características y beneficios.

• Automatizar el proceso de venta desde la selección del plan hasta el pago y la generación de comprobantes.

• Reducir la carga administrativa al eliminar la necesidad de procesos manuales para ventas de planes estandarizados.

• Proyectar una imagen de marca sólida y confiable, crucial para vender un producto que manejará datos sensibles de salud.

🚀 Funcionalidades

Funcionalidades Iniciales

✅ Landing con Información del Producto

✅ Catálogo de planes

✅ Carrito de compras

✅ Checkout con pasarela de pago

✅ Gestión de usuarios

✅ Panel de administración

👥 Posibles Usuarios

• Dueños de consultorios, administradores de clínicas y personal de toma de decisiones en instituciones de salud medianas y pequeñas.

🛠️ Stack Tecnológico

Frontend

• HTML5: Estructura semántica de la aplicación
• CSS3: Estilos y diseño responsive
• JavaScript: Interactividad y dinamismo en el cliente
• Bootstrap 5: Framework CSS para diseño responsivo y componentes predefinidos

Backend

• Python: Lógica de negocio y API del servidor
• SQL: Base de datos relacional para almacenamiento persistente

Control de Versiones

• Git: Sistema de control de versiones
• GitHub: Plataforma de alojamiento y colaboración

📁 Cómo probarlo

1. Clona este repositorio en tu máquina local:

   git clone https://github.com/ISPC-WEB-2025/ClinicFlow.git
   

2. Navega al directorio del proyecto:

   cd ClinicFlow

3. Dentro del mismo encontrarás tres carpetas principales:

   • front: Contiene el código del frontend desarrollado con HTML, CSS y JavaScript.
   • back: Contiene el código del backend desarrollado con Python y SQL.
   • docs: Documentación adicional y recursos relacionados con el proyecto.

4. Para visualizar el frontend debes navegar a la carpeta front y luego tienes dos opciones:

   1. Local: Abrir el archivo index.html directamente en tu navegador web.
   2. Online: ingresar a la versión en línea a través de GitHub Pages.

5. Guía de Instalación y Configuración para el backend

   Para una instalación rápida y sencilla, sigue estos pasos:

   1. Requisitos Previos: Asegúrate de tener instalado Python 3.13.2 o superior y MySQL.

   2. Instalación: Clona el repositorio y navega a la carpeta del proyecto (ClinicFlow/back).

   3. Crea y activa un entorno virtual e instala las dependencias

      Posicionado en la carpeta ClinicFlow/back

      # Crear y activar entorno virtual
      python -m venv venv
      # Windows:
      venv\Scripts\activate
      # Linux/macOS:
      source venv/bin/activate

   4. Instalar dependencias: Una vez que el entorno virtual esté activo, instala todas las librerías necesarias para el proyecto. El archivo requirements.txt contiene una lista de todas las dependencias.

      Primero navega a la carpeta ClinicFlow/back/src y luego ejecuta:

      cd src
      pip install -r requirements.txt

      El comando pip install leerá el archivo requirements.txt e instalará automáticamente todas las bibliotecas de Python que el proyecto necesita para ejecutarse

   5. Configuración de la Base de Datos: La configuración recomendada es automática: simplemente ejecuta el script principal. El sistema te guiará para configurar la conexión y creará la base de datos necesaria, incluyendo un usuario administrador por defecto (usuario: admin, contraseña: admin123).

🛠️ Solución de Problemas y Configuración Avanzada

Si encuentras problemas de conexión a MySQL, necesitas una configuración manual o deseas ver la estructura completa del proyecto, visita la wiki del proyecto para una guía detallada.

👥 Integrantes del Equipo

Somos un equipo de estudiantes y futuros profesionales del desarrollo web y aplicaciones digitales. Cada uno aporta entusiasmo, nuevas perspectivas y las habilidades que estamos adquiriendo en nuestra tecnicatura, o las que ya hemos desarrollado. A continuación, les presentamos a cada miembro:

Aylen Bartolino Luna

Intereses y Áreas de Aprendizaje: Me gustaría aprender nuevas herramientas para desarrollar sitios webs y comprender las lógicas básicas de programación, con el objetivo de ampliar mis posibilidades laborales.

Tecnologías y Habilidades en Práctica: No tengo conocimientos previos.

Miguel Flores

Intereses y Áreas de Aprendizaje: Me gustaría llevar a la práctica conocimientos ya adquiridos en un entorno de equipo real, especialmente aplicando metodologías ágiles, algo que no he experimentado previamente. Por otro lado, me interesa mucho colaborar activamente y brindar apoyo a quienes están dando sus primeros pasos en programación.

Tecnologías y Habilidades en Práctica: Tengo conocimientos en Java, Python, C# y desarrollo web (HTML, CSS y JavaScript)

Brenda Pogliano

Intereses y Áreas de Aprendizaje: Me interesa aprender esta habilidad desde cero, ya que sumaría a mis proyectos futuros y además me abriría paso a un sector laboral desconocido.

Tecnologías y Habilidades en Práctica: No cuento con conocimientos previos.

Maria Elena Haydeé Ponce

Intereses y Áreas de Aprendizaje: Me interesa aprender cómo se crean sitios web desde cero y entender cómo funciona todo, tanto el diseño como la parte que no se ve. Quiero mejorar en el uso de herramientas de desarrollo web.

Tecnologías y Habilidades en Práctica: Manejo HTML, CSS, JavaScript, Python y Java. También utilizo Git y GitHub para organizar el código y trabajar en grupo. Me gusta colaborar con mis compañeros y aprender juntos.

Tomas Nicolas Nieto

Intereses y Áreas de Aprendizaje: Me gustaria profundizar en el desarrollo web y continuar ampliando mis conocimientos.

Tecnologías y Habilidades en Práctica: Tengo conocimientos en HTML,Css, Js, Angular, Typescript y .NET.

Virginia García

Intereses y Áreas de Aprendizaje: Me interesa aprender sobre desarrollo web en general y lograr la creación de un proyecto en equipo.

Tecnologías y Habilidades en Práctica: Conocimientos en : Html,Css,JavasCript,React.

Distribución de Roles

Equipo FrontEnd

• Aylen Bartolino Luna
• María Elena Haydeé Ponce
• Brenda Pogliano

Equipo Backend

• Virginia García
• Tomas Nicolas Nieto
• Miguel Flores