np-armstrong / 7cs069_web_technologies_portfolio Goto Github PK

Create a search bar that allows the user to input:

• Location
• pick up date
• drop off date
• Add a button to initial search and route user to the listings page where results will be displayed

This will allow for adding the GET request for the 'fleet' on our homepage task

The initial design & implementation of responsive UI using React.

Has happened since adding further functionality to other components.

This function is already being used in the booking page, therefore duplicated.

• Create new table column for total cost to be consumed by the bookings page via GET request

This will improve the UI look

Source: https://react-bootstrap.netlify.app/docs/forms/floating-labels

Example:

import FloatingLabel from 'react-bootstrap/FloatingLabel';
import Form from 'react-bootstrap/Form';

function FormFloatingBasicExample() {
return (
<>

<Form.Control type="email" placeholder="[email protected]" />


<Form.Control type="password" placeholder="Password" />

</>
);
}

export default FormFloatingBasicExample;