Pages & States Overview

List of Pages

Name	Description
index	home page of the website.
admin	dashboard for the admin of the platform.
app	main page for the users to chat, match, find new people.
onboarding	Page to obtain important informations and preferences of the user during the account creation.
privacy	Legal informations about the data collect, use and more.
signup_seller	signup page for a seller.
terms	terms & conditions of the website.
reset_pw	page when a user can reset his password.
404	when the page does not exist.

List of States

Page app

On desktop screens, the page is divided into two sections:

• Tab – The left-hand sidebar.

• Section – The main content area on the right.

The content of 'Tab' and 'Section' appears based on selected states, which change when the user clicks menu buttons.

• List of options for the state Tab: settings, messages, likes, shop, filters.

• List of options for the state Section: chat, user, profiles.

On mobile screens, the main content area is controlled by a state called Mobile_tab.

When Mobile_tab is set to Messages (the screen where users access their conversations and likes), another state called Mobile_subtab determines whether the user sees a specific conversation or the list of likes.

• List of options for the state Mobile_tab: settings, messages, profiles, shop, filters.

• List of options for the state Mobile_subtab: conversations, likes.

Other States Used on This Page:

• Profile Image – Determines which picture in a user's profile is being viewed.

• Profile Details – Stores the details of the user being viewed.

• Previous Section – Indicates whether the user came from the chat or the matchmaking system before viewing a profile.