Work

Hotel Quimbaya

Diseño
Desarrollo
Angular
TypeScript

El objetivo de este proyecto es desarrollar una aplicación web usando Angular que permite a los usuarios buscar, reservar y gestionar habitaciones de hotel en la ciudad de Quimbaya. La aplicación proporciona una interfaz intuitiva y amigable para que los usuarios naveguen por diferentes hoteles, vean detalles de habitaciones disponibles, hagan reservas y gestionen sus reservas existentes.

Captura de pantalla del sitio web del Hotel Quimbaya. La barra de navegación superior muestra opciones para 'Cabañas', 'Home', 'Admin Cabañas' y 'Reservas'. La imagen principal muestra el interior de una cabaña de madera con grandes ventanales que dan a un paisaje montañoso. El texto centrado dice 'Hotel Quimbaya' con 'Cabañas en Antioquia' debajo.

Quiero agradecer a mi profesor Juan José Gallego, por ayudarnos a crear este proyecto, su paciencia para enseñar y su conocimiento.

Intención del Proyecto

Este proyecto se originó de un proyecto de curso mientras estudiaba en CESDE. Tenía la intención de crear una página tipo Airbnb con conexión a una API para realizar operaciones CRUD para reservas y crear reservas a través de formularios. Esto fue desarrollado completamente en Angular con TypeScript para asegurar una mejor organización de componentes.

Tecnologías Utilizadas

El proyecto ha sido desarrollado usando las siguientes tecnologías:

  • Angular: Un framework de desarrollo de aplicaciones web de código abierto basado en TypeScript. Angular permite crear aplicaciones de página única (SPA) de manera eficiente y escalable.
  • HTML: Utilizado para definir la estructura y contenido de las páginas web.
  • CSS: Utilizado para dar estilo y diseño a las páginas web.
  • TypeScript: Un lenguaje de programación basado en JavaScript que añade características adicionales, como tipado estático, proporcionando mayor robustez al código.

Estructura del Repositorio

El repositorio está organizado de la siguiente manera:

  • app/: Esta carpeta contiene el código fuente de la aplicación Angular.
  • docs/: Aquí encontrarás documentación adicional relacionada con el proyecto.
  • tests/: Esta carpeta contiene los archivos de prueba para el código.
  • README.md: Este archivo, que estás leyendo actualmente, proporciona información general sobre el repositorio.

Puedes encontrar el proyecto en los siguientes enlaces