We’re excited to share an app our users created, 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:
- Help filter out the internet’s noise
- Foster positive culture & personal growth
- Compliment each of our individual efforts towards getting good at being human
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 Goodness App.
Utilizing Bubble, the Goodness App team is able to update their welcome image and audio without requiring an app update.
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.
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.
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.
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.
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.
Ready to check out the app for yourself? Download Goodness App, available for Android devices in the Google Play store.