Blog

Hey there, friends!

🌟 We are back again with yet another fun and informative dive into the world of Appery.io. If you’ve been hanging out with us for a while, you know we’ve already covered some pretty cool features, like user registration via SMS and beefing up security with two-factor authentication. What’s on the agenda today, you ask? We’re going to get our hands dirty by adding a custom database collection to our Appery.io App Starter project. It’s going to be epic, trust me! So buckle up, and let’s roll.

Kickstarting Your Database Collection

First off, we need a sweet spot to keep all our app data cozy and organized. Here’s the lowdown on setting up your very own database collection:

• Jump into your Appery.io account and open your project.
• Click your way to the database tab and say hi to your Starter_DB.
• Feeling adventurous? Let’s create a new collection by hitting “Create new collection” and teasing it with a catchy name (like “Tasks”).
• Don’t forget to tick the “Secure collection” box under “Security and Permissions” for that extra layer of protection. Because, of privacy, right?
• Save those settings, then shake things up a bit by adding some columns: name, date, priority, and userId.

Tweaking the App to Perfection

With our database set up, let’s give our app some flair:

1. Page Creation Fun – Need more pages? Easy! Duplicate an existing one and dub it “Tasks”. It’s like magic, but you’re the wizard.
2. Jazzing Up the Tasks Page – Time to get creative. Tweak your page to reflect your shiny new database. Think of it as giving your app a mini-makeover.
3. Design Time – Head over to the DESIGN tab and let your inner artist loose. Rename stuff, add cool Text components for dates and priorities, and have a blast while you’re at it.

Making Tasks a Breeze

Let’s ensure adding or tweaking tasks is smooth as butter:

• Clone a page for task management, and simply call it “Task.” Slick, huh?
• Update labels and fields to make sure they’re talking about the right stuff—dates, priorities, you name it.

The Grand Finale: Testing and Tweaking

All set? Let’s hit that TEST button and take your masterpiece for a spin. Register or log in (if you haven’t already) and try adding some tasks. Edit them, delete them, dance with them – it’s your party!

After your testing fiesta, don’t forget to check your database to see your beautiful tasks resting there. It’s like sending your kids off to college – so proud, yet so emotional.

And That’s a Wrap

Look at you, rocking the Appery.io scene with your custom database collection! Keep playing with it, mix things up, and find what makes your app heart sing.

I hope you had as much fun reading this as I had writing it. If you dig what we’re doing, smash that subscribe button and hang with us for more app-building adventures. Catch you on the flip side, and thanks a gazillion for watching! 🚀✨

We are here once again, this time with an easy-to-follow, stress-free tutorial on setting up SMS confirmation using Twilio. And exciting news – we also have a video tutorial for you to follow along with!

Remember how we learned to set up SMTP server settings for email confirmations? Today, we’re switching gears to play with Twilio, allowing us to securely verify sign-up attempts via SMS. Cool, right? Let’s jump in!

Step 1: Getting to Know Twilio

Our journey starts with Twilio. Never heard of them? They are experts in sending out SMS verification codes.

• Head over to the Twilio website and sign up for their free trial account. Once you’re registered and logged in, you can start personalizing your setup. You can either use an existing account or create a new one. I whipped up a new account I like to call SMS Confirmation.

• Don’t forget to verify your phone number within Twilio. Just drop your number in, await the verification code via SMS, and then pop the received code into the website.

• You’ll find a few more easy-peasy questions to answer and then hit Get started with Twilio. Congrats, you’re now ready for action!

• Your Twilio dashboard will display a special phone number. This number is outgoing only and will be used to send confirmation messages to your own app users.

• While you’re there, note down your Account SID, Auth Token, and your new Twilio phone number.

• Lastly, ensure that you’ve listed the phone number you are using for testing in the ‘Active Numbers’ list (Phone Numbers > Manage), and that your Verified Caller IDs tab has the verified number ready to receive the authentication codes.

Step 2: Bring On the App Builder

Now that Twilio is all set, let’s put the App Builder to work.

• Go to the Server Code tab then open the StarterLib library, which was created just for us. We’re planning to send out confirmation SMS, so we’ll need to replace EMAIL with SMS for the confirmation type in the StarterLib script.

• Next, hop back over to the Twilio console and one by one, copy your Account SID, Auth Token, and Twilio phone number into the corresponding variables on the script in the StarterLib section. Hit ‘Save’ and voila — you’re all set!

• The moment of truth has arrived. Click TEST on the App Builder page, fill in the sign-up page details, and then wait for the verification code on your mobile device. Once received, drop it into the app, and bingo! Your user is registered.

As you can see, setting up SMS confirmation using Twilio is easier than a walk in the park.

We hope that this short guide will make your app development experience even better.

Remember, we provide a handy two-week trial giving you plenty of time to experiment with our Starter App Template. Plus, you can subscribe to our YouTube channel for even more handy tips.

Thanks for coming aboard this guide, and see you again very soon!

Your Appery.io Team!