Esta aplicación web está diseñada para el registro de matrícula financiera de los estudiantes de un campus universitario. El frontend simula las transacciones que se realizarían en un sistema de gestión de matrícula, interactuando con un backend desarrollado en Spring Boot que está desplegado localmente. A través de esta aplicación, los usuarios pueden realizar solicitudes a los endpoints del backend para gestionar la información relacionada con la matrícula, incluyendo el registro de pagos, consultas y actualizaciones de datos. La interfaz es intuitiva y está optimizada para facilitar la experiencia del usuario en el proceso de matrícula financiera.
Primero, ejecute el servidor de desarrollo:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Abra http://localhost:3000 con su navegador para ver el resultado.
Al ejecutar el comando npm install
, puede que encuentres problemas relacionados con la instalación de ciertos paquetes debido a incompatibilidades de versiones de React. En particular, los siguientes paquetes son necesarios para el funcionamiento del proyecto, pero no se instalaron correctamente:
react-calendar
recharts
Para instalar estos paquetes, es necesario utilizar la opción --legacy-peer-deps
para evitar conflictos de versiones. Puedes hacerlo ejecutando los siguientes comandos:
npm install react-calendar --legacy-peer-deps
npm install recharts --legacy-peer-deps
npm install @hookform/resolvers react-hook-form zod --legacy-peer-deps
npm install react-big-calendar --legacy-peer-deps