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.
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
Gracias al stack de MERN 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)
- 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
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.
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.
# Instalar dependencias
npm install
# Ejecutar en modo desarrollo
npm run dev
# Construir para producción
npm run buildGracias por leer, a seguir mejorando y disfrutando de codear 🚀