https://github.com/pablopoder/freegames-react-router

Lista de juegos gratis 🎮! Utilizando React Router para una mejor navegacion🧭
https://github.com/pablopoder/freegames-react-router

freegames react react-router router

Last synced: about 1 year ago
JSON representation

Lista de juegos gratis 🎮! Utilizando React Router para una mejor navegacion🧭

• Host: GitHub
• URL: https://github.com/pablopoder/freegames-react-router
• Owner: PabloPoder
• Created: 2023-06-26T02:20:32.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-21T18:03:57.000Z (over 2 years ago)
• Last Synced: 2025-01-04T19:41:51.517Z (about 1 year ago)
• Topics: freegames, react, react-router, router
• Language: JavaScript
• Homepage: https://freegames-react-router.surge.sh
• Size: 70.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FREE GAMES - react-router ⚛️

Lista de juegos gratis y navegacion!

Este es un proyecto muy simple que realicé como ejercicio práctico para conocer y poner en práctica las funcionalidades y componentes más comunes que ofrece el framework React Router, como Loaders, Actions, Link, etc.

![image](https://github.com/PabloPoder/FreeGames-React-Router/assets/50326883/0acf5865-6666-4c6f-a14d-50350eb3a1cf)

# Visitar página: 👀

[Free Games: React Router](https://freegames-react-router.surge.sh)

# Nota importante:❗

Es importante tener en cuenta que el sistema de autenticación utilizado en este proyecto no es el más adecuado ni el óptimo. El propósito principal de este desarrollo fue practicar y familiarizarse con el framework. Por lo tanto, la autenticación implementada es simulada y no debe considerarse como un método seguro.

- 👤 Usuario: test@test.com

- 🔑 Contrasena: test.

# Api: 🌐

https://rapidapi.com/digiwalls/api/free-to-play-games-database

- Cambiar apiToken en src/services/getGames.js.

# Lista general de características que desarrolle: 📝

✅ - Mostrar un grid responsive de videojuegos gratis haciendo fetch a api.

✅ - Mostrar una vista en detalle del videojuego seleccionado.

✅ - Crear la navegacion entre estas paginas.

✅ - Crear autenticacion para renderizado condicional.