Two types of users:Logged in usersGuest users Guest users POV: In the navbar explore, log in and sign up are available.

SO guest user can view the listed properties. Loading ScreenExplore section along with different properties.Pagination also added.

Clicking on the property:

Clicking on the user’s profile as shown in the webpage. Loading page appears: Even here clicking on the banner GharShar redirects to the original home page. Screenshots and views on Iphone 12 Pro: The border is due to the outside line.

Logged In user Pov: After logging in they will be redirected to the explore tabThe navbar at the top of the site also changes

The explore section looks above.

Clicking on the property leads to: Clicking on the name again redirects to the same page as shown in previous page.

Now we can click on the add property page as wellThe form looks like this on the add property section.The add property allows the user to add a property to the app.This action directs the user to the landing page.

Then navigating on to the explore tab we have the property listed Clicking on the property leads to this page:

The user profile looks like this after the property has been added.

Now we click on the home tab: Clicking on the home tab allows the user to update and delete the properties they have listed.

Clicking on the update tab would lead to us to update the property. For instance if I wanted to update the price of the first property I can do it as follows: Click on update button would lead me to:Then i am directed to the landing pageLoading screen appears Then we are directed to main landing page.

Again clicking on the home would show us that the price has been updated Same is true even in the explore section as follows:

This home tab allows the user to update and delete the properties that they have listed.

And also we can delete the propertyIn the home tab clicking on delete button would promt us to this tab:

Clicking anywhere on the screen would let us out of this modalBut clicking ok would actually delete the button

This would load back to the main explore page.

Checking out on the home button would make sure that the property has been deleted. Now finally the user can also logout.

Before logging out I wanted to make sure that if the user’s logged in using smaller screens, even then all the apt properties will be listed as follows:

Similarly we can logout from this web app. Logout modal popped upThe loading screen appears

The window reloads on its own now. The navbar Finally the navbar is updated:

Just create the linking stuff with api in excelidraw