> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Case: Creating a User Profile with Item Details

> Let users view and edit their profiles.

Here, we are going to create a user profile section using the List Details block, which will let each logged-in user see their own data.

First of all, we need to have a [users Airtable base linked](/add-and-manage-users/pxnkp9H3qyEVMF6XUceqnj/syncing-users-with-a-data-source/hshRGygHr4T33EnaLntGf9) in Users section. Below, we have a list of users from [Airtable](/data-sources/1YYStCJukT15Lh2j93qo9A/airtable/jHX7kfH7QvkVcELQvS3VoX).

<Frame caption="Users' Airtable base">
  <img src="https://mintcdn.com/softr-2b8a27e1/90CuYCwl_tachktl/building-blocks/images/use-case-creating-a-user-profile-with-item-details/image1.png?fit=max&auto=format&n=90CuYCwl_tachktl&q=85&s=2b9ea68b19a1b8dae65fc3dfa00c50ab" alt="Users' Airtable base" width="2250" height="834" data-path="building-blocks/images/use-case-creating-a-user-profile-with-item-details/image1.png" />
</Frame>

Then, we are going to create a separate page (called "My Profile"), add a List Details block there, and link it to the same Users base and table in Airtable. Moreover, we are going to define a conditional filter so that a logged-in user sees the record where the **Email** matches his/her **Email value**.

<Tip>Please, note that if there are multiple records that meet the defined condition, the **first**
record in the list will be shown.</Tip>

<Frame caption="Details block linked to the Users' base with conditional filter">
  <img src="https://mintcdn.com/softr-2b8a27e1/90CuYCwl_tachktl/building-blocks/images/use-case-creating-a-user-profile-with-item-details/image2.png?fit=max&auto=format&n=90CuYCwl_tachktl&q=85&s=ca9f696d3e8901a952bfaed5c199b884" alt="Details block linked to the Users' base with conditional filter" width="2816" height="1160" data-path="building-blocks/images/use-case-creating-a-user-profile-with-item-details/image2.png" />
</Frame>

So, that's the setup. Now, any logged-in user that opens the My Profile page, will see his/her own profile info. The process is shown below.

<Frame caption="User seeing his/her profile">
  <img src="https://mintcdn.com/softr-2b8a27e1/90CuYCwl_tachktl/building-blocks/images/use-case-creating-a-user-profile-with-item-details/image3.gif?s=ed51083c4e2fcb56ea82b774c9ae09ff" alt="User seeing his/her profile" width="2880" height="1470" data-path="building-blocks/images/use-case-creating-a-user-profile-with-item-details/image3.gif" />
</Frame>
