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" (if you are in a group of 4 people the link is visible to everybody).
- "Delete motorcycle/doctor/class/item that you selected as a theme" (if you are in a group of 4 people the link is visible to everybody).

Create a new rails project with PostgreSQL and API support.
Add rubocop and linters to the main branch, as well as a README file showcasing what the app does.

With Devise, generate all that is needed to authenticate a user by email and password

Create the user with SignIn and SignOut pages and components, and connect them to the reducers if needed.

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

Generate the MC for the motorbikes
The item resource has the different parameters :

• name
• description
• image
• the background color that is based on the main color of the image.

This is the page where all the reservations for the user are going to be shown

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

Create the page for delete and Item. Only users with the role of "admin" can see the link to this page.
Once on the page, the admin can see a list with the names of all the items and a delete button beside it.

Include all the connections needed to make the resource work propperly.

Here are all the different features, actions, or anything else related to the registrations resource is handled.

In the React/Redux app, create the required Jest testing.
Test the different functionalities as well as the viewport.

Using Rswag, create the documentation for the API.

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

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.

In the navigation panel, the user can see:

1. Logo

2. Links to:

• Items
• "Reserve" form
• "My reservations"
• "Add item" form
• "Delete item" prompt

Note: active link is highlighted

3. Social buttons

4. Copyright footer

Layout of navigation panel: items are displayed vertically

• In desktop version: left sidebar
• In mobile version: collapsible menu

Connect all the different parts, create logic in components, and all that is needed in order for the data to be accessible.

Link the different buttons with the actions, not only buttons but also the triggers that will request the information when loading the page, and so on.

Create the style following the guidelines given to us for the Microverse team.
We will use Scss and build it all by hand.

There must be a total configuration of the whole style of the page.

Buttons: Size, border, color, effects
Inputs: Size, border, color, effects
Fonts: Font family, size, color, spacing, line spacing
Cards: They must have background, size
Spacing: The padding and margin for the pages

There will be a general configuration that will be inherited for every component and page on the page, along with the specific style of each component that will need it.

In the Redux folder create an API folder and a file only to handle external calls.
Then create the call to the api inside a react component.

Using Rswag generates the corresponding documentation for the API.

Create the React-Redux app.
Add linters and git.
Add a README file.

This is the page where the user can create a new reservation.

Create the different folders for store, reducers, actions ... Also add the provider to the index.js file

Setup the API, create routes and controller

On the details page, the user can see:

1. Navigation panel component

2. Item details

   View design

   

• Information displayed in details card:

  • Photo of item
  • Name of item
  • Deposit amount
  • Data table: 4 rows of 2 columns (title and data)
  • Percentage APR
  • Color selection widget
  • Reserve button (instead of Configure button)

• Layout of details card:

  • In desktop version: detail card is displayed horizontally with 2 columns (1 for photo and 1 for information)
  • In mobile version: details are displayed vertically

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

In this branch, Akasha has fixed any bugs and details that were found on the styling of the page.
After this branch is ready to merge Akasha has completed successfully all the tasks assigned to her. 👍

In the Ruby on Rails app, create tests for the different functionalities. Create integration tests and unit tests.

On the main page, the user can see:

1. Navigation panel component

2. List of items

   View design

   

• Information displayed in list of items:

  • Title of list
  • Instruction to select an item from the list

• Information displayed for each item card:

  • Photo of item with a coloured circle background
  • Name of item
  • Description of item
  • Share buttons

• Clicking on item card opens the item's detail page

• Layout of item card is vertical

• Layout of items list:

  • In desktop version: list of items is displayed horizontally as a carousel with a maximum of 3 items at a time
  • In mobile version: list of items is displayed vertically

This is the last branch of the development process.
It will contain any change needed in order to let the app be deployed on Heroku and ready for production.

After this branch is successfully merged Abraham will be free of duties until the case of changes would be required by the code reviewer.
👍

Setup Kanban Board

Project: https://github.com/Metsanpeitto/microverse_final_project/projects/1

We are two people in this group:

@Metsanpeitto : Abraham Rodriguez
@AkashaRojee : Akasha Rojee

Kanban board screenshot

Create the React/Redux repository and add GitHub and linters to it.