maenkhraisha / hotel-reservation

Screenshot

Hotel Reservstion 🏩

This application is a web application for final capstone project that you can find your favorite Hotel around the world and reserve it for a specific date, find information about a hotel at details page and cancel a reservation.

Project Documentation 📄

• Live Demo
• API Documentation

Team members: 4 (Dozie Udeagha, SaharSaba Amiri, Mean Mohammad, Bright Kweku Ahiadeke )

Built With 🛠️

• Programming Languages: HTML, CSS, JavaScript, Ruby.
• Frameworks: React, Redux, Rails and Bootstrap.
• GitHub Linters.
• Code Editor: VS Code.

Kanban Board

• Click this link to view the Kanaban Board
• Click this link to view the initial state of the kanban board
• Click here for the main branch of the repo

Getting Started

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

Prerequisites

• A web browser like Google Chrome.
• A code editor like Visual Studio Code with Git and nodejs.
• You can check if Git is installed by running the following command in the terminal.
• $ git --version
• Clone the repo from here.
• $ git clone https://github.com/maenkhraisha/hotel-reservation.git

Usage

Run locally

• Make your way to the correct directory by running this command:
• $ cd hotel-reservation
• Run npm install
• Run bundle install
• From config\database.yml file, change the username and password to your own username and password.
• Then you can run this command to configure the app in your PC:
• $ rails db:drop db:create db:migrate db:seed
• For starting the server to see the app in windows you can run this command:
• foreman start

Run tests

• Run rake rswag to run the tests.

Authors

👤 Mean Mohammad

• GitHub
• Twitter
• Linkedin

👤 SaharSaba Amiri

• GitHub
• Twitter
• Linkedin

👤 Bright Kweku Ahiadeke

• GitHub
• Twitter
• Linkedin

👤 Dozie Udeagha

• GitHub
• Twitter
• Linkedin

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse
• Original design idea by Murat Korkmaz on Behance.

📝 License

This project is MIT licensed.

hotel-reservation's Issues

[4pt] My reservations

When the user clicks the "My reservations" link in the navigation panel they can see a list of their reservations (with information about item name, date and city).

[4pt] reserve an appointment

To reserve an appointment, the user has to select a date and city (username and selected item are autofilled).
Use the design based on the "Book a vespa test-ride" and add all necessary inputs.
The user can also access the "Reserve" page from the navigation panel. In that case only username is autofilled.

[4pt] The user logs

The user logs in to the website, only by typing the username

[4pt] Add new item

When the user clicks the "Add item" link in the navigation panel they can see a form for adding a new item.

[4pt] create api json

collect data from database and return it in JSON formate

[4pt] Responsive

Make the app responsive, creating both mobile and desktop versions.

[4pt] Add full documentation

Add full documentation for your API.

[4pt] Delete item

When the user clicks the "Delete item" link in the navigation panel they can see a list of all items with title and "Delete" button.
When the user clicks the "Delete" button, the selected item is marked as removed and does not show on the main list anymore.

[4pt] The main page

On the main page, the user can see a of hotel like in the following design

https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign/modules/173005577

Hotel reservation - capstone project

This is the capstone project for a group of 4

https://github.com/users/maenkhraisha/projects/6

[4pt] Details page

When the user selects a specific item, they can see the details page with its full description (skip the "Rotate image" button).

In the details page, the user can click the "Reserve" button (in the design you can see the "Configure" button - please replace it with the "Reserve" button).

[4pt] navigation panel

In the navigation panel, the user can see links to:

1. Hotel that you selected as a theme.
2. "Reserve" form.
3. "My reservations".
4. "Add the hotel you selected as a theme" (the link is visible to everybody).
5. "Delete the hotel you selected as a theme" (the link is visible to everybody).

[4pt] create database

create UML diagram and database schema