You signed in with another tab or window.Reload to refresh your session.You signed out in another tab or window.Reload to refresh your session.You switched accounts on another tab or window.Reload to refresh your session.Dismiss alert
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 🚑