Vanlife es una muestra de una aplicación web React que demuestra el uso de React Router y rutas protegidas. Este proyecto sirve como punto de partida para construir aplicaciones web con capacidades de autenticación y enrutamiento. En esta aplicación, he implementado una estructura básica con varias páginas y características clave:
- Página de inicio
- Página «host» (Ruta protegida) + Algunas subpáginas protegidas
- Página «about»
- Página «vans»
- Página de detalles de la furgoneta
Además, Vanlife incluye un mecanismo de inicio de sesión falso para probar la ruta de anfitrión protegida.
Características y funcionalidades
- Genera contraseñas aleatorias.
- Personaliza la longitud de la contraseña.
- Incluye símbolos para contraseñas más seguras.
- Diseño amigable y responsive.
1. Página de inicio
La Página de inicio proporciona una introducción a la aplicación Vanlife y su propósito.
2. Página «Host» (Ruta protegida)
- La Página «host» es una ruta protegida que requiere autenticación. Los usuarios deben iniciar sesión para acceder a esta página. Puede utilizar el mecanismo de inicio de sesión falso proporcionado en la aplicación para probar esta característica.
- Dentro de la página de anfitrión, hay algunas subpáginas como panel de control, ingresos, furgonetas de anfitriones y opiniones.
3. Página «About»
Esta página ofrece información sobre los creadores de la aplicación y su misión.
4. Página «Vans»
Aquí se muestra una lista de furgonetas disponibles. Los usuarios pueden hacer clic en una furgoneta para ver más detalles.
5. Página de detalles de la furgoneta
La página de detalles de la furgoneta proporciona información detallada sobre una furgoneta seleccionada.
Algunas capturas de pantalla
Demo
Puedes probarla en la página de la aplicación.
Repositorio
Descubre el proyecto en Github haciendo clic aquí.