Introducción:

MediCita es una aplicación web y móvil diseñada para facilitar la reserva de citas médicas. Con Medicita, los usuarios pueden encontrar y reservar citas médicas de manera conveniente y eficiente. A diferencia de otras plataformas similares, Medicita es una solución genérica, lo que significa que no está limitada a un solo lugar o clínica específica. Los usuarios tienen la flexibilidad de cargar su propia clínica en la plataforma, ofreciendo así un amplio espectro de opciones para los pacientes.

Características principales

• Registro de Clínicas Los usuarios pueden registrar su clínica en la plataforma de Medicita, proporcionando información detallada sobre la ubicación, horarios de atención y servicios ofrecidos.

• Gestión de Especialidades Una vez registrada la clínica, los usuarios pueden cargar las especialidades médicas con las que trabajan. Esto permite a los pacientes encontrar fácilmente especialistas en función de sus necesidades médicas específicas.

• Programación de Citas MediCita permite a los usuarios administrar las agendas de los médicos disponibles en su clínica. Los pacientes pueden ver la disponibilidad de los médicos y reservar citas según su conveniencia.

• Registro Los usuarios pueden registrarse, indicando su información de contacto, y también su historia clinica (enfermedades preexistentes, alergías)

• Agendar turno MediCita permite al usuario filtrar según la especialidad deseada, ver la agenda disponible del médico, y reservar su turno.

• Cancelar turno Tienen la posibilidad de cancelar su turno mediante la aplicación en caso de no poder asistir.

Ventajas de Medicita

Flexibilidad: Al ser una plataforma genérica, Medicita ofrece a los usuarios la libertad de personalizar su experiencia según sus necesidades específicas.

Accesibilidad: Los pacientes pueden acceder a la plataforma desde cualquier dispositivo con conexión a internet, lo que les permite reservar citas médicas en cualquier momento y desde cualquier lugar.

Facilidad de Uso: La interfaz intuitiva de Medicita hace que sea fácil para los usuarios navegar y utilizar todas las funciones de la aplicación sin dificultad.

Demo

https://medicita.vercel.app/

Estado

El proyecto se encuentra en un MVP inicial y funcional. Actualmente soporta el uso desde dispositivos móviles, tablets, laptops y PCs siendo completamente responsivo. Permite iniciar sesión y agendar un turno médico seleccionando el médico según la especialidad y su horario de atención, como así también cancelar el turno desde el menú del usuario.

Stack Tecnológico

Rama	Tecnologías
UX/UI
Front End
Back End
Base de datos
Deployment
Others

Tecnologías

• Frontend:

  • Javascript
  • React.Js
  • Vite Js
  • Tailwind
  • CSS Modules

• Backend:

  • Csharp
  • .Net
  • Entity framework
  • SQL

Dependencias Frontend:

• "sweetalert2": Para dar mensajes a los usuarios con estilos mas detallados mejorando la UX.
• "react-loader-spinner": Para efectos de loading al conectar a la BD y dar un mejora de UX.
• "react-router-dom" y "react-dom": Para establecer el enrutamiento y la navegación.
• "hamburger-react": Usado para el menú del usuario en responsive.
• "normalize.css": Para resetear el css y que los navegadores muestren todos los elementos de manera mas consistente.
• "js-cookie": Una API de JavaScript para manjear las cookies.
• "prettier": Para dar formato al código.

Backend:

API REST, Arquitectura en capas, Principios SOLID, uso de Interfaces, Inyección de dependencias, Repositorios, DTO, Reglas CORS, JWT Authentication, Entity Framework Code-First, Automapper, Base de datos relacional SQL Server.

Deploy API

Uso de la app-web

1. Clonar el repositorio desde GitHub.

   git clone https://github.com/No-Country/s13-17-m-csharp

2. Asegurarse que se está en la carpeta correcta para instala las dependencias.

    npm install

3. Ejecuta el proyecto.

    npm run dev

Link al prototipo

https://www.figma.com/file/DMNbko4G9wOPV88WUGA8iD/S13-17-m-chsarp?type=design&node-id=0%3A1&mode=design&t=ClRfSeT7zRoXtQWf-1

Equipo:

Rol	Nombre	Redes
Front End	Kevin Noviello
Front End	María Laura Carballo
Front End	Diego Herrera
Front End	Nicolas Gonzalez
Front End	Alejo Hurtado Testa
Back End	Rodrigo Kohnen
UX/UI Designer	Ailén Martinez
UX/UI Designer	Andree Suarez

Introduction

MediCita is a web and mobile application designed to facilitate the booking of medical appointments. With Medicita, users can conveniently and efficiently find and book medical appointments. Unlike other similar platforms, Medicita is a generic solution, which means it is not limited to a single location or specific clinic. Users have the flexibility to upload their own clinic to the platform, thus offering a wide range of options for patients.

Key Features

• Clinic Registration Users can register their clinic on the Medicita platform, providing detailed information about location, opening hours, and services offered.

• Specialties Management Once the clinic is registered, users can upload the medical specialties they work with. This allows patients to easily find specialists based on their specific medical needs.

• Appointment Scheduling MediCita allows users to manage the schedules of available doctors in their clinic. Patients can view doctors' availability and book appointments at their convenience.

• Registration Users can register, providing their contact information, as well as their medical history (pre-existing conditions, allergies).

• Appointment Booking Medicita allows the user to filter by the desired specialty, view the available schedule of the doctor, and book their appointment.

• Appointment Cancellation Users have the possibility to cancel their appointment through the application in case they cannot attend.

Advantages of Medicita

Flexibility: Being a generic platform, Medicita offers users the freedom to customize their experience according to their specific needs.

Accessibility: Patients can access the platform from any device with an internet connection, allowing them to book medical appointments anytime and from anywhere.

Ease of Use: The intuitive interface of Medicita makes it easy for users to navigate and use all the application's features without difficulty.

Demo

https://medicita.vercel.app/

Status

The project is in an initial and functional MVP stage. It currently supports usage from mobile devices, tablets, laptops, and PCs, being fully responsive. It allows logging in and scheduling a medical appointment by selecting the doctor according to the specialty and their office hours, as well as canceling the appointment from the user menu.

Technological Stack

Rama	Tecnologías
UX/UI
Front End
Back End
Base de datos
Deployment
Others

Technologies:

• Frontend:

  • Javascript
  • React.Js
  • Vite Js
  • Tailwind
  • CSS Modules

• Backend:

  • Csharp
  • .Net
  • Entity framework
  • SQL

Frontend Dependencies:

• "sweetalert2": To provide users with messages with more detailed styles, improving UX.
• "react-loader-spinner": For loading effects when connecting to the database and improving UX.
• "react-router-dom" and "react-dom": To establish routing and navigation.
• "hamburger-react": Used for the user menu in responsive design.
• "normalize.css": To reset the css and make browsers display all elements more consistently.
• "js-cookie": A JavaScript API for managing cookies.
• "prettier": To format the code.

Backend:

REST API, Layered architecture, SOLID principles, using Interfaces, Dependency injections, Repositories, DTO, CORS rules, JWT Authentication, Entity Framework Code-First, Automapper, Relational database SQL Server.

Deploy API

Using the web app

1. Clone the repository from GitHub.

 git clone https://github.com/No-Country/s13-17-m-csharp

2. Make sure you are in the correct folder to install the dependencies

    npm install

3. Run the project.

    npm run dev

Link to the prototype

https://www.figma.com/file/DMNbko4G9wOPV88WUGA8iD/S13-17-m-chsarp?type=design&node-id=0%3A1&mode=design&t=ClRfSeT7zRoXtQWf-1

Team:

Rol	Nombre	Redes
Front End	Kevin Noviello
Front End	María Laura Carballo
Front End	Diego Herrera
Front End	Nicolas Gonzalez
Front End	Alejo Hurtado Testa
Back End	Rodrigo Kohnen
UX/UI Designer	Ailén Martinez
UX/UI Designer	Andree Suarez