Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Travlr Booking App

Travlr Booking App is a web application designed to streamline the hotel booking process for travelers. It allows users to search for hotels, view detailed information about each property, and make reservations. The application integrates various APIs to provide real-time data and ensure a seamless booking experience.

Travlr Booking App is built to offer an intuitive and user-friendly interface that simplifies the booking process. The idea for this project stemmed from a desire to create a comprehensive travel booking solution that meets the needs of modern travelers. This project showcases my skills in full-stack development, API integration, and creating dynamic web applications.

Features

  • Hotel Search: Search for hotels based on location and dates.
  • Detailed Hotel Information: View detailed information about each hotel, including amenities, reviews, and pricing.
  • Booking System: Make reservations directly through the application.
  • User Accounts: Create and manage user accounts for a personalized booking experience.
  • Responsive Design: Optimized for both desktop and mobile devices.

Tech Stack

  • Frontend: React.js, CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • APIs: Integration with various hotel booking APIs
  • Libraries: Axios

Website Link

Please create a fake account and sign in to see functionality :) [Travlr Booking App Website](https://travlr-booking-app.onrender.com/)

Getting Started

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/shanshee/travlr-booking-app.git
    cd travlr-booking-app
  2. Install the dependencies for both the frontend and backend:

    cd frontend
    npm install
    cd ../backend
    npm install
  3. Create a .env file in the backend directory and add your environment variables. Example:

    MONGO_URI=your_mongo_db_connection_string
    API_KEY=your_api_key
    
  4. Start the backend server:

    npm start
  5. Start the frontend development server (open a new terminal window):

    cd ../frontend
    npm start
  6. Open your browser and navigate to http://localhost:3000 to view the application.

Usage

  1. Enter the location and dates for your travel.
  2. Browse the list of available hotels and view detailed information about each property.
  3. Create an account or log in to your existing account.
  4. Make a reservation and manage your bookings through your account.

Contributing

We welcome contributions to improve Travlr Booking App! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

Steps to Contribute

  1. Fork the repository.

  2. Create a new branch:

    git checkout -b feature/your-feature-name
  3. Make your changes and commit them:

    git commit -m "Add your commit message here"
  4. Push to the branch:

    git push origin feature/your-feature-name
  5. Open a pull request on GitHub.

Contact

For any questions or inquiries, please contact me at slondelle@yahoo.com.


Thank you for using Travlr Booking App!

Screenshot 2024-05-12 at 1 41 26 PM Screenshot 2024-05-12 at 1 41 37 PM Screenshot 2024-05-12 at 1 42 09 PM Screenshot 2024-05-12 at 1 43 34 PM

About

Complete Hotel booking web app

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages