Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

🏥 SIGEC - Sistema de Gestión de Pacientes

Este es un sistema básico de gestión de pacientes (SIGEC) que incluye:

  • API RESTful con Flask (Python)
  • Base de datos MySQL
  • Frontend en HTML, CSS y JavaScript (vanilla)
  • Comunicación vía Fetch API
  • Separación de capas backend/frontend


⚙️ Requisitos

  • Python 3.10+
  • MySQL Server
  • Navegador web (Chrome, Firefox, etc.)

🛠️ Instalación y Ejecución

1. Clonar o descargar el proyecto

git clone sigec cd sigec

  1. Configurar la base de datos MySQL Abrir DataGrip o consola de MySQL.

Ejecutar:

CREATE DATABASE sigec_db;

CREATE TABLE pacientes ( id INT AUTO_INCREMENT PRIMARY KEY, nombre VARCHAR(100) NOT NULL, apellido VARCHAR(100) NOT NULL, fecha_nacimiento DATE, genero VARCHAR(10), numero_identificacion VARCHAR(50) UNIQUE );

  1. Backend (Flask API) a. Crear entorno virtual (solo una vez) cd backend python -m venv venv .\venv\Scripts\activate.bat En Windows CMD

b. Instalar dependencias

pip install Flask Flask-SQLAlchemy flask-cors pymysql

c. Archivo app.py (ya incluido) debe tener: app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://root:@localhost/sigec_db' Ajustar usuario y contraseña según tu configuración de MySQL.

d. Ejecutar el servidor

python app.py en CMD en la ruta donde se encuentra el backend en mi caso "C:\Users\andre\Desktop\Workspace\sigec\sigec-backend"

deberia mostrar algo como:

  1. Frontend

a. Abrir con Live Server (VSCode) (en mi caso) el archivo index.html:

🌐 API Endpoints

GET /pacientes Lista todos los pacientes GET /pacientes/ Obtiene paciente por ID POST /pacientes Crea un nuevo paciente

🧪 Pruebas

Se uede usar Postman para probar los endpoints directamente:

GET http://127.0.0.1:5000/pacientes

POST http://127.0.0.1:5000/pacientes con body JSON

GET http://127.0.0.1:5000/pacientes/1

##❗ CORS Se usa flask-cors para permitir conexión entre el frontend (localhost:5500) y backend (localhost:5000).

📸 Capturas

image image image image image

📌 Autor

Andrés Altamar Prueba técnica - Gestión de Pacientes Tecnologías: Flask · MySQL · HTML · CSS · JS

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages