terbeche / rails-react-book-appointment Goto Github PK

Setup the project

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 the username is auto filled.
Booking

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).

• 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).
• When the user clicks the "Add item" link in the navigation panel they can see a form for adding a new item.
• Make the app responsive, creating both mobile and desktop versions.

Add full documentation for your API

On the main page, the user can see a list of motorcycles/doctors/classes/items that you selected as a theme.

The user logs in to the website, only by typing the username (a proper authenticated login is a requirement if your group is made of 5 people).

• In the navigation panel, the user can see links to:
  • Motorcycles/doctors/classes/items that you selected as a theme.
  • "Reserve" form.
  • "My reservations".
  • "Add motorcycle/doctor/class/item that you selected as a theme" (the link is visible to everybody).
  • "Delete motorcycle/doctor/class/item that you selected as a theme" (the link is visible to everybody).

When the user clicks the "Delete item" link in the navigation panel they can see a list of all items with titles 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.