-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
34 additions
and
17 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,25 +1,42 @@ | ||
# PokeData | ||
|
||
 | ||
|
||
Proyecto realizado con React y Material-U consumiendo datos desde [PokéAPI](https://pokeapi.co/) | ||
 \ | ||
|
||
## Características | ||
# PokeData | ||
|
||
-Responsive | ||
-Paginación | ||
-Usuario y favoritos persistentes | ||
-Vistas protegidas | ||
Proyecto realizado con React, Material-U y Google Chart consumiendo datos desde [PokéAPI](https://pokeapi.co/) y desplegado en [Pokedata](https://pokedata-react.herokuapp.com/) | ||
|
||
### Prospectos | ||
|
||
-Agregar más información a la vista detalles | ||
-Desplegar | ||
## Cómo usar | ||
|
||
### Cómo usar | ||
Las credenciales de acceso del usuario dummy son: | ||
|
||
Como el usuario es local, las credenciales de acceso son: | ||
- user: ash_ketchum | ||
- password: pikachu123 | ||
|
||
-user: ash_ketchum | ||
-password: pikachu123 | ||
## Características | ||
|
||
1. Responsive. | ||
2. Vistas protegidas. | ||
3. Vista de inicio de sesión sin llamado a la API: | ||
- Valida usuario y contraseña. | ||
- Si el usuario está autenticado, al ingresar a la app, es redirigido a la vista principal en lugar del login. | ||
4. Petición optimizada mediante GraphQL. | ||
5. Barra de navegación inferior para dispositivos medianos (tablets y teléfonos) y superior para desktop. | ||
- Dos vistas implementadas, una principal y otra de favoritos. | ||
- Listado de pokémon scrolleable. | ||
- Paginación por cliente, se obtienen los datos mínimos para una primera impresión y se paginan automáticamente. | ||
- Botón de favorito en cada elemento que persiste cuando la aplicación es recargada. | ||
- Listado de pokemon favoritos que persiste cuando la aplicación es recargada. | ||
|
||
6. Vista de detalles | ||
- El usuario puede navegar por la vista de detalles al clickear sobre un pokémon en específico. | ||
- Gráfico con las estadísticas principales del Pokémon seleccionado. | ||
|
||
7. Barra de búsqueda que permite encontrar a los pokémon por nombre | ||
8. Opción de filtrar los pokémon por tipo. | ||
9. Animaciones de transición entre vista principal y vista de detalles. | ||
|
||
|
||
## Prospectos | ||
|
||
- Agregar más información a la vista detalles. | ||
- Convertirla en PWA. |