Pages Setup (Individual-Task) - [4-6H]

[ZohalMirkhel]

Walwala Safi: Rockets Page

Task Description:

• Create the Rockets page where users can reserve or cancel reservations for rockets. The page should display a "reserved" status for rockets that are reserved.

Tasks:

1. Create Rockets Page Component:

   • Create a new file Rockets.js in the components folder.
   • Set up the basic structure and styling for the Rockets page.

2. Implement Reservation Functionality:

   • Add functionality to allow users to reserve a rocket.
   • Add functionality to cancel a reservation.
   • Display "reserved" status next to the rocket if it is reserved.

3. Manage State:

   • Use React state to track reserved rockets.
   • Implement functions to handle reservation and cancellation.

4. Integrate with Backend (If applicable):

   • Ensure that the reservation and cancellation actions are properly communicated to the backend if necessary.

5. Testing:

   • Test the reservation and cancellation functionality to ensure it works as expected.