Implement the following:

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

Vehicle Booking Application - Final Capstone Kanban Board

Team ( 4 memebers ):

• @Simpleshaikh1
• @tan12082001
• @Wineshuga
• @hetrox8

Kanban Board link: https://github.com/users/tan12082001/projects/4/views/1

NOTE: Working on two separate Repositories.

Repository link: https://github.com/tan12082001/Vehicle-Booking-App-Backend

Repository link: https://github.com/tan12082001/Vehicle-Booking-App-Frontend

Kanban board view:

Create the following tables:

• Users table
• Items table
• My reservation join table

• Add a model that describes users
• Add model that describes items
• Add a model that describes my_reservations (join table)

The home page renders the list of items and update the styles.

Follows the wireframe:

The user should be able to do/see the following:

• When the user clicks the "Delete" button, the selected item is marked as removed and does not show on the main list anymore.

The navigation panel should have:

• Selected Item link
• Reserve form link
• My reservations link
• Add new item link
• Delete item link (visible to everybody).

Should follow the wireframe:

The following should be implemented:

• To reserve an appointment, the user has to select a date and city (username and selected item are auto-filled).

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

• Clearly document the API endpoints with examples.

Add styles for User login page and User Signup pages.

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

When the user selects the specific item should be able to see the item's details page.

• The details page should have its full description.
• The 'Reserve' button (instead of the 'Configure' button).
  NOTE: Can skip the rotate image button from the wireframe).

Should follow the wireframe:

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

• The initial App setup - both react and rails apps.
• Install dependencies
• Install linters.

Write Unit tests for the following models:

• User model
• Car model
• My Reservation model

• Create a controller for my reservations that includes all actions needed for the project

Write tests for the following:

• Cars controller and its actions
• My Reservation controller and its actions

• Create a controller for items that includes all actions needed for the project

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

Make sure that the Application is responsive, having both the mobile and desktop versions.

• Should follow the Behance wireframe.
• Link: Vespa-Responsive-Redesign-Wireframe