We’re excited to share an app our users created, The Goodness App. This app, built using Dropsource and Bubble, is intentionally simplistic and showcases many features available within the Dropsource platform.

The app itself is designed to deliver human-curated content, 2-5 times a week, specifically intended to:

  1. Help filter out the internet’s noise
  2. Foster positive culture & personal growth
  3. Compliment each of our individual efforts towards getting good at being human

goodness_app

App Design

Featuring the use of dynamic lists, push notifications, Firebase analytics, audio playback, Google autocomplete places search, and custom pop-up dialogs, this app is a great example of what our Dropsource community members can create with our visual drag-and-drop mobile app development platform.

Let’s explore more of what went into building The Goodness App.

WELCOME PAGE
Utilizing Bubble, the Goodness App team is able to update their welcome image and audio without requiring an app update.

welcome_page

SELECT CITY
Their signup requires entering a city. Following the steps he outlined in this Forum post, @seanhoots was able to create an autocomplete drop down list for cities. If the user clicks on SELECT CITY on the signup page, they get the pop-up below.

select_city

To implement this, you use a view which is initially hidden and made visible only when the app user clicks on the dropdown arrow on the signup page. Once a city has been selected, the view is hidden again.

While there’s the capability to auto-detect a user’s current location in order to determine their city, the team chose to avoid having their users enable location services – simplicity was the main theme for their app.

MAIN SCREEN
The app’s main screen is the primary point of interaction for users. On this screen users can like an entry, play audio, and retrieve posts based on the date they were released.

1. Like an entry.
By clicking on the heart button to “like” an entry, a user is initiating an API call to the app’s backend, adding the specific entry to the list of liked entries of this specific user. To ensure the operation was successful, before making a change in the UI, the following steps happen:

First, the icon is disabled so the user isn’t able to click on it again, then the API call is made. Once the API call returns successfully, the icon is changed and re-enabled.

entry_like


2. Play Audio
The audio link is stored in the backend, making it dynamic. When the play button is clicked, the icon changes to the pause button and a new view for play is displayed. Play, pause, restart, and close functions were all created in Dropsource.

play_audio


3. Selecting a post
Posts can be selected by clicking on the down arrow beside the date or clicking on the date. This initiates an API call to retrieve a new delivery/post and automatically display the first entry in that delivery via the screen overlay shown below.

post_selection

 

Ready to check out the app for yourself? Download The Goodness App, available for Android devices in the Google Play store.

For a full recap on The Goodness App, check out their announcement post on our Forum. Want us to feature your Dropsource-built app? Reach out.