Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Aplicación web para gestión de equipos paramédicos. Dashboard administrativo + página pública. Construido con React, Node.js, MongoDB y TypeScript 🚑

NotificationsYou must be signed in to change notification settings

Bermelio/Paramedic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 

Repository files navigation

Mi primer proyecto que resuelve una problemática real.Paramedic es una aplicación web que se centra en la organización en tiempo y forma de un grupo de personas especializadas en el área de paramedicina.

🎯 ¿Qué hace?

La aplicación cuenta con dos partes principales:

  • Página principal: Consulta pública para todo el público general
  • Dashboard administrativo: Sistema de login donde el jefe de paramédicos puede realizar cambios de turnos y asignaciones del equipo

🛠️ Stack Tecnológico (MERN)

Gracias al stack deMERN pude realizar este proyecto que me llevó alrededor de un mes y algo. Es súper sencillo, pero es mío y real, estoy muy contento con el resultado.

  • MongoDB: Base de datos para almacenar toda la información
  • Express: Framework de servidor para las APIs
  • React: Frontend dinámico e interactivo
  • Node.js: Entorno de ejecución junto con TypeScript
  • TailwindCSS: Framework de CSS para el diseño (mi elección favorita para frontend)

📦 Dependencias Principales

  • React 19 con React Router Dom para navegación
  • Axios para las peticiones HTTP
  • React Select para componentes de selección avanzados
  • Bcrypt para el hash de contraseñas
  • TailwindCSS para estilos
  • TypeScript para tipado estático
  • Vite como bundler

💭 Reflexiones del Desarrollo

Traté de implementar las mejores prácticas que pude, y este proyecto me dio la experiencia para identificar en qué cosas puedo mejorar: código, arquitectura, mayor legibilidad y hasta quizás otras tecnologías.

TailwindCSS sigue siendo para mí el framework más práctico y confiable para CSS, aunque el frontend no es tan mi área, me gusta explorarlo.

📚 Lecciones Aprendidas

Fue toda una travesía de la cual estoy muy orgulloso de haber pasado. Pude mejorar identificando las buenas prácticas, aunque debería haber separado más la estructura del backend. Subestimé el hecho de que iba a ser un proyecto "pequeño".

Quizás en actualizaciones futuras lo mejore, o quizás no, para poder mirar atrás y ver mi progreso.

🚀 Cómo ejecutar

# Instalar dependenciasnpm install# Ejecutar en modo desarrollonpm run dev# Construir para producciónnpm run build

Gracias por leer, a seguir mejorando y disfrutando de codear 🚀

About

Aplicación web para gestión de equipos paramédicos. Dashboard administrativo + página pública. Construido con React, Node.js, MongoDB y TypeScript 🚑

Topics

Resources

Stars

Watchers

Forks


[8]ページ先頭

©2009-2025 Movatter.jp