sediqullahbadakhsh/hotel-agent-front-end

Hotel Agent is an online Hotel management system, it allows Businesses to have multiple users and admins, admins can add hotels, and manage their hotels, and Users can view hotels, and reserve any hotel they like, in order to reserve a Hotel they need to fill out a form and they can manage their reservations,.

Hotel Reservation

This is the Front-end App for HotelAgent, an app in which you can reserve a hotel.

• Sign up and sign in to access the app.
• sign out from the current account
• Add and Remove the hotel that you want to stay in.
• Reserve how many rooms days you need.
• Get cost information for the reservation process.
• Cancel reservation.
• see the list of your reservations
• see the list of available hotels

App functions: 😉

With Hotel Agent, you can do the following:

• Authenticate users:

  • Create an account by providing a valid name, e-mail, and password with its confirmation. You'll automatically be logged in.
  • Login by providing your registered e-mail and password confirmation.
  • You can logout from your current account

• Featured Page:

  • On this page, you can get some details about hotels we provide on the site and this page is public even for users who didn't sign in.
  • Once you log in, you'll be able to see a list of hotels to reserve.
  • On click of these hotels, you can access their details You can then decide if you want to make a reservation in one of them by clicking the reserve button.
  • On the reserve hotel page you can select a start date and number of days you are going to stay in the hotel and there is the country, number of guests will be in your company

• Reservations:

  • After creating a new reservation or by navigating from the navigation bar, you'll find yourself on the reservations page, where you can check the reservation details and delete them after confirmation.

API Repo

Check the Api of this App here.

Built With: 🔍

• HTML (Front-end)

• CSS (Front-end)

• JavaScript (Front-end)

• Webpack (Front-end)

• React (Front-end)

• React-router (Front-end)

• Redux (Front-end)

• Jest (Front-end)

• Ruby 3.1.2 (Back-end)

• Ruby on Rails 7.0.3 (Back-end)

• PostgreSQL (Back-end)

• Heroku

Getting Started: 📈

To get a local copy up and running follow these simple example steps.

• Click on the top right green "code" button.

• On the dropdown menu, choose the "Download with zip" button.

• After download, extract the zip file and you have the project on your machine.

• Run npm i to install all the project dependencies.

• Run npm start to run the application.

Kanban Board:

This project was developed by a team of 5 people, you can check that out in our authors section.

• You can click here to redirect to our kanban board.

• This is a screenshot of our kanban board (UI) at the beginning of the project:

You can check our issues with that info by clicking here

Authors: 👋

👤 Ahmed Adel

• GitHub: Ahmed
• LinkedIn: Ahmed Adel

👤 Jorge Rios

• GitHub: @Alexr16
• Twitter: @ReveloJ
• LinkedIn: Jorge Ríos

👤 Sediqullah Badakhsh

• GitHub: @sediqullahbadakhsh
• LinkedIn: @sediqullah
• Twitter: @sediqullah6

Contributing: 🤝

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support: 🌟

Give a ⭐️ if you like this project!

Acknowledgments: 📝

• Hat tip to anyone whose code was used

• Thanks to Murat Korkmaz for creating this fantastic design that this project was based on!

License: 🧐

This project is MIT licensed.