Esta es una aplicación en Angular que consume la API de FreeToGame para mostrar información de videojuegos. Esta aplicación permite listar juegos, filtrarlos por nombre, género y plataforma, y muestra información detallada de cada juego.
-
Listar los juegos: La aplicación muestra una lista de juegos en forma de cuadrícula. Cada juego se muestra en una tarjeta con la imagen, el título y una descripción corta.
-
Filtrar juegos: Se puede filtrar la lista de juegos por nombre, género y plataforma utilizando un formulario de filtrado.
-
Mostrar información completa de juego: Al seleccionar un juego, se muestra en una nueva página la información completa del juego.
El código de la aplicación sigue las siguientes prácticas:
-
Servicios: Las llamadas a la API están contenidas en servicios para poder ser llamadas desde cualquier parte del código.
-
Interfaces: Se crearon interfaces para tipificar los objetos, como por ejemplo los objetos respuesta de los llamados a la API.
-
Bootstrap: Se instaló la dependencia de Bootstrap para Angular, lo que permite el uso de grids, cards, inputs, etc.
-
Responsive: La aplicación es responsiva y se puede visualizar en cualquier tipo de dispositivo.
-
Componentes: La aplicación está modularizada en componentes que pueden ser reutilizados.
-
Environment: Se crearon archivos de environment para poder usar variables de entorno desde cualquier parte del código, como por ejemplo la URL base de la API.
-
Operadores RxJs: Se utilizan operadores RxJs para filtrar los resultados y obtener el listado de opciones de los inputs.
-
Testing: Se realizó Unit testing a los componentes.
- Clona el repositorio en tu equipo local.
- Navega hasta el directorio del proyecto e instala las dependencias con
npm install
. - Ejecuta el servidor de desarrollo con
ng serve
. Navega ahttp://localhost:4200/
. La aplicación se recargará automáticamente si cambias alguno de los archivos fuente. - Para construir el proyecto para producción, utiliza
ng build
.
Para ver la aplicación en acción, visita el siguiente enlace: Live Version
Las contribuciones a este proyecto son bienvenidas. Por favor, abre un Issue o una Pull Request para sugerir cambios o mejoras.
Este proyecto se distribuye bajo la licencia MIT. Consulta el archivo LICENSE
para más detalles.