Giter Site home page Giter Site logo

kiezmi / his-frontend-react Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 3.4 MB

Aplicacion de gestion de un hospital

Home Page: https://kiezmi.github.io/HIS-frontend-react/

License: MIT License

HTML 3.76% CSS 31.18% JavaScript 65.06%
doctor patients vista servicios javascript his

his-frontend-react's Introduction

HISFrontendREACT

Actividad didáctica consistente en la creación de un frontend con angular simulando una app de gestión hospitalaria

Objetivos

  • Creación de una arquitectura avanzada de frontend MVC
  • Gestión de usuarios con distintos roles
  • Uso avanzado de servicios siguiendo el principio de responsabilidad única.
  • Centralizar el estado de la app en un servicio central (llamado por ejemplo stateManagerService o dataService ) del cuál se nutren todos los componentes y servicios
  • Creación de vistas publicas y privadas gestionadas por el router del frontend haciendo uso del evento canActivate de la configuración del router

Roles

  • Doctor
  • Patient
  • Technical
  • Admin (permiso root: puede hacer todo)

Api

Simular la interacción con un backend mediante un servicio fake (mock)

  • login()

  • getPatients() // doctor, admin

  • getPatient(uid) // doctor, admin, patient

  • postPatient(patient) // technical

  • getMedicalHistories() // doctor, admin

  • getMedicalHistory(id) // doctor, admin, patient

  • postMedicalHistory(medicalHistory) // doctor

  • postDoctor(doctor) // technical

  • postPatient(patient) // technical

  • postTechnical(technical) // technical

Vistas

  • Públicas
    • /login
  • Privadas todos
    • /dashboard (distribuidor da acceso al resto de vistas privadas según el role )
  • Privadas doctor
    • /patients
    • /patient/:id
    • /histories
    • /history/:id
  • Privadas technical
    • /newUser/:role (role === 'admin' || role === 'doctor' || role === 'technical' )
  • Privadas patient
    • /patient/:id sólo puede ver su ficha
    • /history/:id sólo puede ver su historial

Ejemplos para probar la aplicacion

Admin

  • uid: "000", name: "Manolo", surname: "Fernandez", dni: "123456789K", username: "Manolo", password: "0"

Tecnico

  • uid: "001", name: "Javi", surname: "Guerra", dni: "123456789N", username: "Javi", password: "1"

Doctor

  • uid: "010", name: "Cristian", surname: "Martinez", dni: "123456789M", username: "Cristian", password: "10"

Paciente

  • uid: "100", name: "Juan", surname: "Lopez", dni: "123456789J", username: "Juan", password: "100"

his-frontend-react's People

Contributors

kiezmi avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.