# Browse by app feature

## Functionalities

### **👏 Beginner** 

**Content & Media**

* [ ] [Content feed (list page)](https://docs.bravostudio.app/data-binding/display-data-in-your-app/data-biding-bind-data-to-ui-for-a-list-page)
* [ ] [Add content (form page)](https://docs.bravostudio.app/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database)
* [ ] [Delete content](https://docs.bravostudio.app/data-binding/delete-data-from-your-app)
* [ ] [Search bar (filters items from a list by text content)](https://docs.bravostudio.app/bravo-tags/mobile-actions/component-search-and-filter)
* [ ] [Nested list pages (list page followed by a list page)](https://docs.bravostudio.app/connect-api/browse-by-backend/airtable/airtable-nested-lists-with-airtable-list-list-detail-page)
* [ ] [Flexible text box for dynamic content](https://docs.bravostudio.app/bravo-tags/components/component-flexible-text)

**Mobile actions**

* [ ] [Scan QR code](https://docs.bravostudio.app/bravo-tags/mobile-actions/scan-qr-code)
* [ ] [Zoomable images](https://docs.bravostudio.app/bravo-tags/components/zoomable-image)
* [ ] [Open web page in-app](https://docs.bravostudio.app/bravo-tags/components/component-webview)
* [ ] [Play MP3 audio](https://docs.bravostudio.app/bravo-tags/mobile-actions/action-play-audio)

**Onboarding**

* [ ] [Intro pages (before login)](https://docs.bravostudio.app/bravo-tags/intro-and-onboarding/page-intro)

### **💪 Advanced**

**States**

* [ ] [Empty state page (for no results returned from API)](https://docs.bravostudio.app/get-started/help-and-tutorials/broken-reference)
* [ ] [Error state page (for error returned from API)](https://docs.bravostudio.app/get-started/help-and-tutorials/broken-reference)

**Content interactivity**

* [ ] [Save / bookmark / favorite action](https://docs.bravostudio.app/connect-api/browse-by-backend/xano/xano-create-a-bookmark-functionality-with-remote-actions-and-device-id)
* [ ] [Like button](https://docs.bravostudio.app/bravo-tags/components/stateful-component-like-button) 

**Search**

* [ ] [Perform a backend search with input fields](https://docs.bravostudio.app/get-started/help-and-tutorials/browse-by-app-feature/backend-search-with-airtable)

**Location-related**

* [ ] [Map with location pins](https://docs.bravostudio.app/bravo-tags/map-with-markers)
* [ ] [Display device location](https://docs.bravostudio.app/bravo-tags/mobile-actions/share-location)

**Login & user profile**

* [ ] [Login with email & password](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase)
* [ ] [Login with phone number & OTP (one time password)](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase#phone-login-setup)
* [ ] [Login with Facebook, Google, Apple (OAuth 2.0)](https://docs.bravostudio.app/integrations/user-authentication/oauth2/example-using-social-logins-to-authenticate-users)
* [ ] [Login to Spotify account](https://docs.bravostudio.app/integrations/user-authentication/oauth2/example-connecting-to-spotify-api)
* [ ] [Login with AWS Cognito](https://docs.bravostudio.app/integrations/user-authentication/oauth2/example-using-aws-cognito-to-authenticate-users)
* [ ] [Post-login page (onboarding pages)](https://docs.bravostudio.app/bravo-tags/intro-and-onboarding/post-login-page-onboarding)

## Effects

### ✨ Beginner

* [ ] [Custom loading animation with Lottiefiles](https://docs.bravostudio.app/bravo-tags/loading-experience/state-custom-loading-page)
* [ ] [Fixed header](https://docs.bravostudio.app/bravo-tags/containers/container-top-bar)
* [ ] [Horizontal slider scroll](https://docs.bravostudio.app/bravo-tags/containers/container-horizontal-slider)
* [ ] [Background video](https://docs.bravostudio.app/bravo-tags/components/component-autoplay-video)
* [ ] [Lottie animation](https://docs.bravostudio.app/bravo-tags/components/component-lottie)
* [ ] [GIF](https://docs.bravostudio.app/bravo-tags/components/component-gif)

### 💎 Advanced

* [ ] [Floating (sticky) action button](https://docs.bravostudio.app/bravo-tags/containers/layer-sticky-element)
* [ ] [Skeleton loader](https://docs.bravostudio.app/get-started/help-and-tutorials/browse-by-app-feature/skeleton-loader)
* [ ] [Maintain aspect ratio on all device](https://docs.bravostudio.app/bravo-tags/containers/aspect-ratio-relative-to-screen)
* [ ] [States on buttons & icons (active, pressed)](https://docs.bravostudio.app/bravo-tags/components/component-states)