Proyecto Sistema de Reserva Médica Online

Descripción del proyecto

El Sistema de Reserva Médica Online es una plataforma web diseñada para facilitar a los usuarios/pacientes la gestión de sus turnos médicos de manera eficiente y conveniente. Este proyecto se desarrolla en dos etapas, utilizando diferentes tecnologías para mejorar la experiencia del usuario y optimizar la funcionalidad del sistema.

Objetivo

El objetivo principal de este proyecto es permitir a los usuarios realizar las siguientes acciones de manera sencilla y rápida:

• Reservar turnos médicos con diferentes especialidades y profesionales.
• Programar estudios médicos específicos con fechas y horarios disponibles.
• Realizar el pago en línea de los turnos reservados o generar cupones de pago para su cancelación.
• Consultar el historial de turnos y estudios realizados.
• Verificar el saldo a pagar o a favor y recibir notificaciones sobre los mismos.

Funcionalidades

Primera Etapa (HTML, CSS, JavaScript)

• Interfaz de Usuario Intuitiva: Diseño responsive y amigable para el usuario, permitiendo una fácil navegación y selección de opciones.
• Reserva de Turnos Básica: Formulario simple para seleccionar la fecha, hora y especialidad médica deseada.
• Gestión de Usuarios: Registro de usuarios, inicio de sesión y visualización de perfil básico.

Segunda Etapa (TypeScript, Angular, Django)

• Interfaz Avanzada: Desarrollo de una interfaz más dinámica y atractiva utilizando Angular.
• Reserva de Turnos Completa: Integración con una base de datos para mostrar disponibilidad en tiempo real y permitir la selección de profesionales específicos.
• Pago en Línea: Integración de pasarelas de pago para procesar transacciones en línea de forma segura.
• Historial de Turnos y Estudios: Implementación de un panel de usuario donde se puedan consultar todos los turnos y estudios médicos previos.
• Notificaciones por Correo Electrónico: Envío automático de confirmaciones de turnos, recordatorios y detalles de pago a través del correo electrónico.

Tecnologías Utilizadas

Primera Etapa (Frontend)

• HTML: Estructura básica de la página web.
• CSS: Estilos para la presentación y el diseño.
• JavaScript: Funcionalidades interactivas del cliente.

Segunda Etapa (Frontend y Backend)

• TypeScript: Mejora la calidad del código y la productividad en el desarrollo.
• Angular: Framework de desarrollo frontend para la construcción de la interfaz de usuario.
• Django: Framework de desarrollo backend en Python para la lógica del negocio y la gestión de datos.
• Base de Datos Relacional: Utilización de una base de datos relacional MySQL para almacenar la información de los usuarios, turnos y pagos.

Instalación y Ejecución

Frontend (Primera Etapa)

1. Clona este repositorio: https://github.com/Desarrollo-Web-2024-segundo-intento/Proyecto-Integrador-II
2. Abre la carpeta Proyecto 2023
3. Abre el archivo index.html en tu navegador web.

Frontend y Backend (Segunda Etapa)

1. Instala las dependencias del frontend: entra en la carpeta FrontEnd y ejecuta: npm install
2. Ejecuta el frontend: ng server (Angular)
3. Instala las dependencias del backend: entra en la carpeta BackEnd y ejecuta pip install -r requirements.txt
4. Ejecuta el backend: python manage.py runserver
5. Instala las dependencias de Stripe: entrar en la carpeta stripe_server (en BackEnd) y ejecutar npm install
6. Ejecuta Stripe: dentro de la carpeta stripe_server ir al archivo package.json, posicionar el cursor del mouse sobre "start" y hacer clic en "Run Script" (se puede ver información más detallada en el readme de stripe_server)

READMEs

Recomendamos leer cada uno de los readmes en las distintas carpetas del repositorio, ya que se explican cuestion de interes para el corrector funcionamiento del proyecto.
A continuación dejamos los links directos:

1. README FrontEnd
2. README BackEnd
3. README Pasarerla de Pago con Stripe

Equipo de Desarrolladores

Monica Antich
Patricia Castillo
Matias Sorrentino
Jesica Aramayo
Alejo Lucero