# Explore Posts

{% hint style="info" %}
[<mark style="color:red;">https://looyall.com/home</mark>](https://looyall.com/home)
{% endhint %}

<figure><img src="https://1487358000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIe2byXmHH1h3TwqxEORB%2Fuploads%2FQYjV1GXy9WwKimoiGMTy%2FHome%20Mockup.png?alt=media&#x26;token=31fb975f-eff5-40c3-b6f4-8ea0d0a089d5" alt="" width="563"><figcaption><p>Looyall (Homepage)</p></figcaption></figure>

***

{% stepper %}
{% step %}

## Click <mark style="color:red;">'Posts'</mark> in the Sidebar Navigation

Users will be redirected to the <mark style="color:red;">**'Posts'**</mark> page as shown above.
{% endstep %}

{% step %}

## <mark style="color:red;">'View'</mark> the List of Posts that Users Choose to See

Users may scroll and <mark style="color:red;">**'Explore Posts'**</mark> of shops or events that they followed from their account.  Moreover, popular shops and event tags are displayed to see the trends and popular posts. Users are also able to <mark style="color:red;">'</mark><mark style="color:red;">**Like**</mark><mark style="color:red;">'</mark>, <mark style="color:red;">'</mark><mark style="color:red;">**Comment**</mark><mark style="color:red;">'</mark>, and <mark style="color:red;">'</mark><mark style="color:red;">**Share**</mark><mark style="color:red;">'</mark> the desired post.
{% endstep %}

{% step %}

## Click <mark style="color:red;">'Post'</mark> to Read More

Users are able to click on a specific post (box/title) to explore and read more about the post, whether it's 'Comments', 'Content', 'Viewers', or 'Sharing Info'.
{% endstep %}

{% step %}

## <mark style="color:red;">'Like</mark><mark style="color:red;">',</mark> <mark style="color:red;"></mark><mark style="color:red;">'Share</mark><mark style="color:red;">' and</mark> <mark style="color:red;"></mark><mark style="color:red;">'Comment'</mark> on Posts

Users are also able to <mark style="color:red;">**'Like'**</mark>, <mark style="color:red;">**'Comment'**</mark>, and <mark style="color:red;">**'Share'**</mark> the selected post.
{% endstep %}
{% endstepper %}

***

<h3 align="center">User Interface <mark style="color:red;">(Explore Post)</mark></h3>

<figure><img src="https://1487358000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIe2byXmHH1h3TwqxEORB%2Fuploads%2FWBoScKaLRQelwuNbtBxm%2Fhome.png?alt=media&#x26;token=d3736028-3f9e-44f5-919a-a3eabb9b89c5" alt="" width="563"><figcaption><p>Looyall Homepage</p></figcaption></figure>

<figure><img src="https://1487358000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIe2byXmHH1h3TwqxEORB%2Fuploads%2FtOIB9NiRlBzbPZT42g4z%2Fexplore-post.png?alt=media&#x26;token=d6e1a5ec-f566-4541-8b26-3cb4dab2d753" alt="" width="563"><figcaption><p>Post Page</p></figcaption></figure>

<figure><img src="https://1487358000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIe2byXmHH1h3TwqxEORB%2Fuploads%2FXyTGYqghERk7l5PU8gBr%2Fexplore-post2.png?alt=media&#x26;token=b87f2b64-af67-4901-822c-ca70f4b53bf7" alt="" width="563"><figcaption><p>Post Page (Scrolled Down)</p></figcaption></figure>

<figure><img src="https://1487358000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIe2byXmHH1h3TwqxEORB%2Fuploads%2FBYY87ptd0MyJ65ZnJVi3%2Fexplore-post3.png?alt=media&#x26;token=40b11466-1aab-44ca-b6cf-9436f228398f" alt="" width="563"><figcaption><p>Post Page (Liked Post)</p></figcaption></figure>

<figure><img src="https://1487358000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIe2byXmHH1h3TwqxEORB%2Fuploads%2F4peHKDrVda66aupd5Dz4%2Fexplore-post4.png?alt=media&#x26;token=08229bd8-0325-4a1d-876a-fd030e12a229" alt="" width="563"><figcaption><p>Post Page (Comment)</p></figcaption></figure>

***
