Viajecitos es una Single Page Application (SPA) que simula un e-commerce integral de viajes y turismo. Permite a los usuarios explorar destinos internacionales, simular reservas de alojamiento y adquirir paquetes de guías turísticas.
Este proyecto fue desarrollado para aplicar y consolidar conceptos avanzados de desarrollo frontend con React, incluyendo el manejo de estado global mediante Context API, validación y gestión de formularios, enrutamiento dinámico y consumo de datos simulados (mocks).
- Exploración de Destinos: Catálogo dinámico de países y ciudades.
- Filtros de Búsqueda: Filtrado de destinos y hoteles por continente y rango de precio en tiempo real.
- Carrito de Compras: Sistema de gestión de compras funcional, permitiendo agregar, sumar, restar y limpiar el carrito utilizando Context API.
- Contacto y Registro: Formularios controlados y validados estrictamente utilizando expresiones regulares.
- UI/UX Moderna: Interfaz responsiva y fluida con componentes pre-diseñados y animaciones.
- React - Biblioteca principal para la construcción de interfaces de usuario.
- React Router DOM - Gestión de rutas de la SPA.
- React Hook Form - Gestión y validación eficiente de formularios.
- HeroUI (anteriormente NextUI) - Librería de componentes accesibles y personalizables.
- Tailwind CSS - Framework de CSS de utilidad (Utility-first) para un estilado ágil.
- Framer Motion - Librería para la creación de animaciones declarativas.
- Vite - Entorno de desarrollo y empaquetador ultrarrápido.
Sigue estos pasos para correr el proyecto en tu entorno local:
- Clonar el repositorio:
git clone [https://github.com/nahuelcerrano/viajecitos-react.git](https://github.com/nahuelcerrano/viajecitos-react.git)- Acceder al directorio del proyecto:
cd viajecitos-react- Instalar las dependencias (se recomienda Yarn):
yarn install- Iniciar el servidor de desarrollo:
yarn dev- Integración de hoteles al flujo del carrito de compras.
- Conexión a una API REST / Backend real para reemplazar los mocks de datos.
- Implementación de sistema real de autenticación (Login/Registro).
Si te interesa mi trabajo o quieres charlar sobre desarrollo, puedes encontrarme aquí: