adel-gu / cherry-rooms-front-end Goto Github PK

• The user can see a list of rooms that he reserved.
• For each reservation item you can see a delete button.
• Add unit testing.

• The splash screen contains two links, sign_up, and sign_in.
• If the user is not logged in the app only shows the splash screen.
• The styling should align with the design below
• Add unit testing.

• Create a home page that displays a list of rooms.
• Add a horizontal slider for the room items.
• Each room card should behave as a link that leads to the room detail page.
• Add unit testing.

The Design

• The room form consists of the following inputs:
  • Name, number of beds, price, description, image, city.
  • All the fields should be required.
  • Description contain max characters of 250.
  • Price and the number of beds should only be positive values.
• Add unit testing.

• Create both the login and registration pages for the user.
• The login Form consists of two inputs (Email, password)
• For the registration form is should contain the inputs (Full Name, Email, Password)
• A submit button.
• Add unit testing.

• 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.
• When the user clicks the "Delete" button, the selected item is marked as removed and does not show on the main list anymore.

• The reservation form contains the fields below:
  • From Date: (date type)
  • To Date (date type)
  • Number of people should be a positive value, and require at least one.
• Add unit testing.

• The detail page should have
  • An image of the room
  • Information about the room
  • A reservation button
• Add unit testing.

With React app we will set up the following

• Add linter
• Add Tailwind for styling
• Add React Icons
• Add Redux
• Add React Router
• Add flowbite for the slider rooms.
• Add the loaders react components.

• Create the Side NavBar, and ensure the styling is aligned with the design provided below

• In the navigation panel, the user can see links to:

  • Rooms
  • Add a reservation
  • My reservations
  • Add a room
  • Delete a room
  • Log out button

• Add unit testing.

The Design: