Este repositorio contiene el código fuente y los recursos utilizados para construir y mantener la página web del Oasis Hotel.
Oasis Hotel es un lujoso hotel ubicado en Riviera Maya, Mexico. Ofrece una experiencia única para sus huéspedes. Nuestra página web proporciona información detallada sobre nuestras instalaciones, servicios, tarifas y reservas.
Página de Inicio: Presentamos una página de inicio atractiva con detalles sobre nuestros servicios, llamados a la acción claros para dirigir a los usuarios a las secciones clave del sitio y opiniones de nuestros huéspedes más destacados.
Registrarte al hotel: En la sección de Registro te encontrarás con un formulario que podrás llenar con tus datos para crear tu usuario y ser parte de la comunidad del Oasis Hotel.
Galería de imágenes: Presentamos una galería de imágenes para mostrar las diferentes áreas del hotel, habitaciones, restaurantes y vistas panorámicas.
Para el Front-end del proyecto se utilizaron las siguientes librerías y tecnologías:
- Vite: Principal servidor de desarrollo local.
- React: Usamos la librería React para desarrollar la página.
- Bootstrap: Usamos la librería Bootstrap para la interfaz visual del proyecto.
- React-Hook-Form: Se usó React Hook Form para las validaciones en formularios de gestión de habitaciones y usuarios.
- React-Router: Usamos React Router como enrutador para las páginas del proyecto.
- SweetAlert: Se usa SweetAlert para mostrar ventanas de alerta más agradables en algunas secciones de la página.
- React Icons: Librería que nos da íconos en formato de componentes React.
- @lottiefiles/dotlottie-react: Librería para mostrar animaciones Lottie.
- Bootstrap Icons: Conjunto de íconos en formato SVG.
- Date-Fns: Utilizado para trabajar con fechas.
- Date-Fns-TZ: Complemento para trabajar con zonas horarias en Date-Fns.
- Lucide React: Conjunto de íconos SVG para React.
- React-Date-Range: Librería para selección de rangos de fechas.
- React-Spinners: Librería para mostrar animaciones de carga.
- Styled Components: Librería para escribir CSS en JavaScript.
Proyecto deployado:
Backend del proyecto
- Clonar el repositorio usando el comando
git clone. - Buscar el nombre del repositorio clonado en el explorador de archivos.
- Instalar las dependencias usando el comando
npm install. - Para ver el ejercicio en el navegador, ejecutar el comando
npm run dev.
Si desea contribuir a mejorar nuestra página web, puede seguir estos pasos:
- Realiza un fork de este repositorio.
- Realiza tus cambios en una rama separada.
- Envía una solicitud de extracción (Pull Request) explicando tus cambios detalladamente.
- Dylan Diaz (DylanSDev): GitHub