https://github.com/mavadev/pruebagit2
dsadksakdksakdks a
https://github.com/mavadev/pruebagit2
git github upn
Last synced: about 2 months ago
JSON representation
dsadksakdksakdks a
- Host: GitHub
- URL: https://github.com/mavadev/pruebagit2
- Owner: mavadev
- Created: 2025-03-31T04:12:21.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-31T04:29:42.000Z (about 2 months ago)
- Last Synced: 2025-03-31T05:24:05.882Z (about 2 months ago)
- Topics: git, github, upn
- Homepage: https://github.com/mavadev/PruebaGit2
- Size: 2.93 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#e Héroes de Marvel y DC con Rutas Dinámicas y Protegidas
Este proyecto es una aplicación interactiva desarrollada en **React** que permite buscar héroes de los universos de **Marvel** y **DC** en tiempo real. Se han implementado rutas dinámicas y protegidas con autenticación simple, la cual permite a los usuarios realizar búsquedas y navegar entre los personajes de forma controlada.
#hpin: Características principales
- **Páginas por Universo:** Los usuarios pueden explorar personajes de Marvel o DC en páginas separadas para cada universo.
- **Buscador de Héroes en Tiempo Real:** La aplicación permite buscar héroes mediante el uso de un input controlado, mostrando resultados en tiempo real basados en la coincidencia con algún personaje.
- **Rutas Dinámicas Compartibles:** Cada búsqueda genera una URL única con parámetros de consulta que pueden compartirse, permitiendo que otros usuarios accedan directamente a los mismos resultados.
- **Rutas Protegidas:** Los usuarios deben autenticarse antes de acceder a ciertas secciones de la aplicación, como la lista de héroes o la búsqueda. Si no están autenticados, serán redirigidos a la página de inicio de sesión.
- **Diseño Minimalista:** Interfaz limpia y fácil de usar para una experiencia de usuario optimizada :dart: Instalación
Para ejecutar este proyecto en tu máquina local, sigue los siguientes pasos:
1. Clona este repositorio:
```bash
git clone https://github.com/mavadev/react_heroes-app.git
2. Navega al directorio del proyecto`bash
cd react_heroes-ap. Instala las dependencias:
```bash
npm install
4. Ejecuta la aplicación:
```bash
npm run dev
## :art: Interfaz de Usuario
| Vista de Héroes | Vista de Búsqueda |
|:---------:|:------------:|
|  |  |