Viajecitos es un sitio web donde simula es un ecommerce de viajes y turismo real donde se puede realizar, reservas de viajes, alojamiento en hoteles o compras de paquetes de guias de turismo.
En este proyecto me permitió entender más como funciona React, aprendiendo como funciona el context, las props, manejo de datos usando mocks el uso de rutas para poder hacer esta simple SPA.
react-router-dom- Una librería que nos permite especificar rutas en nuestra aplicación web usando componentes de React.react-hook-form- Librería de gestión de formularios para React que facilita el proceso de creación y validación de formularios.vite- Herramienta de compilación rápida y ágil para proyectos web modernos.react-icons- Paquete de iconos que utiliza ES6 imports para React.tailwind CSS- Potente framework css que ayuda a construir y diseñar páginas web.framer-motion- Libreria de código abierto con gran cantidad de animaciones.
- Clonar el repostorio desde git
git clone 'https://github.com/nahuelcerrano/viajecitos-react.git'
- Accedemos a la carpeta raíz del projecto
cd 'viajecitos-react'/
- Instalamos las dependencias
yarn i
- Iniciamos la aplicación
yarn dev
El sitio web consta de 7 páginas que son:
- Inicio
- Viajes
- Nosotros
- Servicios
- Contacto
- Carrito
- Destinos
- Hoteles
Dentro de inicio se muestra ofertas paquetes de viajes y parte resumida de que seria la empresa Viajecitos.
Consta de tres secciones, la primera 6 destinos con sus precios y un boton donde lleva a la página destinos donde muestra el resto de destinos disponibles dos filtros para precios y por continente.
Un anuncio de descuento sobre destinos especiales por una temporada
Y por ultimo una seccion con hoteles, es practicamente lo mismo que destinos.
Esta página solo explicaria quienes serian Viajecitos cuales son sus servicios que ofrece y su historia.
Acá se muestra los paquetes de guías de turismo, algunas ofertas y cuales son los métodos de pago y bancos que aceptarían.
Cuando se da click comprar de algunos de los destinos se mostrará acá, se podrá agregar como tambien quitar acá mismo. Hay dos botones, unos para seguir comprando y otro para terminar la compra, pero por el momento solo funciona para limpiar el carrito.
Un formulario, en teoria funcionaria para poder enviar comentario de feedback a la companía pero debito que pide tanto nombre como contraseña, seria mas logico que funcionara para registarse, en un futuro cambiaré la lógica del formulario para que funciona como registro.
- Los hoteles no se agregan al carrito