Esta aplicación web te permite explorar y gestionar información sobre los personajes y películas del universo cinematográfico de Marvel.
La aplicación te permite gestionar dos modelos principales:
- Personajes del Universo Cinematográfico de Marvel: Puedes realizar operaciones CRUD en los personajes.
- Películas del Universo Cinematográfico de Marvel: Puedes realizar operaciones CRUD en películas.
Además, la aplicación cuenta con un sistema de autenticación que permite a los usuarios registrarse e iniciar sesión. Los datos de autenticación se almacenan en la base de datos MySQL.
- Personajes:
- Listar todos los personajes.
- Mostrar un personaje en detalle.
- Registrar un nuevo personaje.
- Editar un personaje existente.
- Eliminar un personaje.
- Películas:
- Listar todas las películas.
- Mostrar una película en detalle.
- Registrar una nueva película.
- Editar una película existente.
- Eliminar una película.
- Gestionar las relaciones entre personajes y películas. Puedes asignar un personaje a una o más películas, y viceversa.
- Autenticación:
- Registro de usuario.
- Inicio de sesión.
- Cerrar sesión.
Este proyecto combina una interfaz React con un backend Express y una base de datos MySQL para crear una aplicación web completa.
- Node.js
- npm
- MySQL
- Code editor (VS Code, Sublime Text, etc.)
- Clonar el repositorio
git clone https://github.com/Rayzler/UCM-Plus.git
- Instalar paquetes del Frontend
cd Frontend npm install
- Instalar paquetes del Backend
cd Backend npm install
- Crear tu base de datos
CREATE DATABASE IF NOT EXISTS ucm_plus;
- Establecer el nombre de usuario y la contraseña de Mysql en
Backend/src/database/DatabaseConnection.ts
private constructor() { this.dataSource = new DataSource({ type: 'mysql', host: 'localhost', port: 3306, username: 'YOUR_MYSQL_USER', password: 'YOUR_MYSQL_PASSWORD', database: 'ucm_plus', synchronize: true, entities: [User, Movie, Character], ssl: { rejectUnauthorized: false } }); }
- Ejecutar el backend
cd Backend npm start
- Ejecutar el frontend
cd Frontend npm start
- Acceda a la aplicación en la URL http://localhost:3000.
- Si no está registrado, haga clic en el botón "Registrarse" para crear una cuenta.
- Inicie sesión con su nombre de usuario y contraseña.
- Una vez autenticado, podrá acceder a las siguientes funciones:
- Accede a la lista de personajes haciendo clic en el enlace "Personajes".
- Haz click en un personaje para ver su información en detalle.
- Haz click en el botón "Registrar personaje" para crear un nuevo personaje.
- Haz click en el botón "Editar" para editar un personaje existente.
- Haz click en el botón "Eliminar" para eliminar un personaje.
-
- Accede al listado de películas haciendo clic en el enlace "Películas".
- Haz clic en una película para ver su información en detalle.
- Haga clic en el botón "Nueva película" para crear una nueva película.
- Haga clic en el botón "Editar" para editar una película existente.
- Haga clic en el botón "Eliminar" para eliminar una película.