-Install dependencies
-Configure react-routes

• Add authorization for render elements depending on the user's log status.

• In the navigation panel, the user can see links to:
  • Logo
  • Feature Hotels.
  • "Reserve" form.
  • "My reservations".
  • "Add Hotel" (if you are in a group of 4 people the link is visible to everybody).
  • "Remove Hotel" (Hotel list) (if you are in a group of 4 people the link is visible to everybody).
  • Log out link
    -Style page (mobile and desktop version)
    -Add test

• On the main page, the user can see a list of hotels (max 10)
  -Style page (mobile and desktop version)
  -Add test

-Create devise controllers
-Add devise configuration

• When the user clicks the "Add hotel" link in the navigation panel they can see a form for adding a new item.
  -Style page (mobile and desktop version)
  -Add test

-Set up repositories and react and rails-api projects
-Set up linters.

• The user signs up to the website, only by typing the username.
  -Style page (mobile and desktop version)
  -Add test

-Create configureStore
-Create Reducers

-Create API controllers
-Create routes

• The user logs in to the website, only by typing the username.
  -Style page (mobile and desktop version)
  -Add test

-Add test for API
-Add Rspect for test controllers
-Add API documentation

• Select a theme for your website - is it going to be a website for booking doctor appointments, booking online classes, or something else?

• 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).
  -Style page (mobile and desktop version)
  -Add test

• When the user clicks the "Delete Hotel" link in the navigation panel they can see a list of all hotels 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.
  -Style page (mobile and desktop version)
  -Add test

• 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 (To reserve an appointment, the user has to select a date and city (username and selected item are autofilled).
  -Style page (mobile and desktop version)
  -Add test

GitHub Project

We are 3 people on the team: @ahmedadel56, @sediqullahbadakhsh , and @Alexr16.

-Add sign up data action
-Add item data action
-Add reservation data action
-Delete item

-Create database UML
-Set up database
-Create models
-Create migrations

-Create the readme Files

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

-Create api fetch actions
-Fetch user data action(log in)
-Fetch items data action
-Fetch reservations data action