Reporte Proyecto 2

Nombre	Carnet	Axuliar
Derek Francisco Orellana Ibáñez	202001151	Javier Oswaldo Mirón Cifuentes

Frontend

Tecnologia

Se realizo el proyecto con React.js como tecnologia principal, creando estilos propios en CSS.

Servicios

Los servicios utilizados en el frontend fueron las API del servidor:

• Usuarios
• Pokemons

Manual de Uso

Al iniciar el proyecto este lo redireccionara al Localhost:3000 donde se mostrara el login donde puede iniciar con 3 usuarios diferentes.

usuario	contraseña	genero	nivel
admin	admin	hombre	999
user	user	mujer	35
mast3r	pass1607	hombre	75

Una vez iniciada sesion entrara al Dashboard donde se mostraran todos los pokemones y la información del usuario que se logeo, asi como un entrenador segun su genero.

Al darle click a una tarjeta de pokemon, se mostrara la informacion de dicho pokemon en un cuadro flotante en la pagina.

Puede buscar pokemons por el filtro de tipos, buscar por nombre o id y reiniciar las preferencias de la busqueda. Al seleccionar un tipo este mostrara a todos los pokemones del tipo seleccionado.

Al escribir el nombre del pokemon seleccionando la opcion de nombre, este buscara el pokemon segun su nombre. Al escribir el id del pokemon seleccionando la opcion de id, este buscara el pokemon segun su id.

En caso que el nombre del pokemon o su id esten mal escritas o no existan, este mostrara a un pokemon de error.

Backend

Modulos Utilizados

Los modulos utilizados fueron los siguientes:

Cliente	Servidor
Axios	Cors
React-router-dom	Express
universal-cookie	Morgan
	Nodemon

Requerimientos del sistema

• Procesador: Intel Celeron o equivalente
• Sistema Operativo: Windows 7 o superior
• RAM: 1GB
• Conexion a internet: Si

Puertos utilizados

Cliente

• port 3000

Servidor

• port 5000

EndPoints

> /
Mostrara un mensaje para demostrar que el servidor esta activo

> /api/usuarios
Mostrara un arreglo en formato Json de todos los usuarios

> /api/pokemons
Mostrara un arreglo en formato Json de todos los pokemones

> /api/pokemons/name/:name
Mostrara un arreglo en formato Json del pokemon segun su nombre

> /api/pokemons/id/:id
Mostrara un arreglo en formato Json del pokemon segun su id

> /api/pokemons/type/:type
Mostrara un arreglo en formato Json de los pokemones segun el tipo