Skip to content

Latest commit

 

History

History
108 lines (72 loc) · 3.32 KB

README.md

File metadata and controls

108 lines (72 loc) · 3.32 KB

CAST / ENG

Book My Hotel

Este es el frontend del proyecto Book My Hotel, una plataforma de reservas de hoteles desarrollada con la pila MERN (MongoDB, Express.js, React.js, Node.js). El frontend está creado con React.js y estilizado con Tailwind CSS para ofrecer una interfaz adaptable y fácil de usar.

Características

  • Diseño Adaptable: Funcionalidades de registro e inicio de sesión para usuarios.
  • Búsqueda de hoteles: Busque hoteles según ubicación, fecha y otros filtros.
  • Gestión de reservas: Vea el historial de reservas y administre las reservas actuales.
  • Panel de administración: Panel de administración para administrar hoteles, reservas y usuarios.
  • Integración con Backend: Comunicación con la API del backend para el manejo de datos.

Tecnologías utilizadas

  • Frontend: React.js, HTML/CSS, Bootstrap (or any other UI framework)
  • Enrutamiento: React Router
  • Gestión de Estado: Context API o Redux (si aplica)
  • Comunicación con API: Axios
  • Herramienta de Construcción: Vite

Instalación

  1. Clonar el repositorio:

    git clone https://github.com/annahico/FINAL-PROJECT_Booking_Frontend.git
cd FINAL-PROJECT_Booking_Frontend

  2. Instalar dependencias:

    npm install

  3. Configurar variables de entorno:

  • Cree un archivo .env en el directorio raíz.
  • Agregue la siguiente variable de entorno:
  • VITE_API_BASE_URL=http://localhost:5000 # URL de la API del backend

  1. Inicie el servidor de desarrollo

    npm run dev

Contribuciones:

Se aceptan contribuciones. Por favor, haga un fork del repositorio y cree una solicitud de incorporación de cambios para cualquier mejora o corrección.

Book My Hotel

This is the frontend of the Book My Hotel project, a hotel booking platform built using the MERN stack (MongoDB, Express.js, React.js, Node.js). The frontend is developed with React.js and styled with Tailwind CSS to provide a user-friendly and responsive interface.

Features

  • Responsive Design: A mobile-first, adaptive interface for seamless user experience across devices.
  • Hotel Search: Search for hotels using filters like location, date, and preferences.
  • Booking Management: View and manage current bookings and booking history.
  • Admin Panel: Manage users, hotels, and reservations (requires admin login).
  • Integration with Backend: Communicates with the backend API for data handling.

Technologies Used

  • Frontend Framework: React.js
  • Styling: Tailwind CSS
  • Routing: React Router
  • State Management: Context API or Redux (if applicable)
  • API Communication: Axios
  • Build Tool: Vite

Installation

  1. Clone the repository:

    git clone https://github.com/annahico/FINAL-PROJECT_Booking_Frontend
cd FINAL-PROJECT_Booking_Frontend

  2. Install dependencies:

    npm install

  3. Set up environment variables:

    • Create a .env file in the backend directory.
    • Add the following environment variable: VITE_API_BASE_URL=http://localhost:5000 # Backend API URL

  4. Start the frontend development server:

    npm run dev

Contributing

Contributions are welcome. Please fork the repository and create a pull request for any enhancements or fixes.