Build a Mobile Fitness App with Bubble.io - Pt 1 Mobile Menu Tutorial
No Code Academy
View ChannelAbout
The only Bubble.io educator with 100,000 downloads on his own app. This channel is all about learning Bubble.io through tutorials on creating features, functionality, tips and tricks for building apps in Bubble. Enjoy and drop us a note sometime.
Latest Posts
Video Description
ππ FREE 7 DAY LEARN BUBBLE CHALLENGE ππ https://www.nocodeacademy.co/offers/rK2pLhFt In this series, weβre building a full fledged mobile app using the no code tool Bubble.io. ***IMPORTANT UPDATE*** As of summer 2022, all newly created Bubble accounts are automatically opted into building layouts in Bubble using the new responsive engine. Note that everything else still holds true for this video series except you will want to create your layouts using the new responsive system, which is outlined at https://www.youtube.com/watch?v=inZNMmU4YfQ. To see this mobile menu built in the new responsive engine visit - https://youtu.be/7gd_ZBH8CqQ If youβve ever wondered how to build a mobile app in Bubble, how to build a yoga app, exercise app or build a meditation app, youβll find it here. =========================== Limited Time 1-on-1 Consulting - https://calendly.com/nocodeacademy/solve-your-bubble-challenges =========================== 0:00 - Intro to app we'll build 2:56 - Menu we'll build in this video 3:22 - Instructor's app building past experience 4:44 - Begin building in Bubble 6:24 - Home button UI 8:54 - Home button navigation conditionals 11:12 - Classes button UI 12:34 - Plans button UI 15:15 - Library button UI 16:14 - Preview of the progress 17:50 - Setup your mobile preview in Chrome Developer Tools 19:05 - Menu horizontal layout troubleshoot 20:55 - Menu vertical positioning troubleshoot 23:25 - Colored panels as navigation cues 25:30 - Conditionals to show/hide groups 27:32 - Nav workflows 30:30 - The PAYOFF, a working menu! π Save yourself time building out your database by getting the image and video pack. With 102 pre-made, pre-sized image and video files, youβll find huge time savings by downloading your pack below: FREE image + video pack π https://nocodeacademy.co/offers/pcPh6F5j/checkout In the 1st video - you'll learn how to build a mobile menu and you'll see just how easy it is to develop apps in Bubble. In the series - you'll learn how to build the below features and more. - Build a mobile menu - Create swipeable content sliders that pull dynamically from the database - Create filters to display content - An ability to favorite things to a list - Build a toggle menu - Setup a video player - Bubble database structure - Search functionality - Create history of user activity - Mobile best practices π Take it all in by watching on a higher speed or build the app in a free https://bubble.io/?ref=io01awzc account. π There are Cheat Sheet PDFs that correspond to each video. These PDFs give you the final settings for all of the visual elements, workflows or conditionals you see built in each video. Grab your Cheat Sheet pack https://nocodeacademy.co/offers/iFF5xhGc/checkout. β Have questions? Reach out at https://nocodeacademy.co. Disclaimer - the link to Bubble.io is an affiliate link and gives a credit valid towards our monthly Bubble account fee but has no cash value beyond this. Should you decide a paid account is right for you, thanks in advance for your support π€.
No Recommendations Found
No products were found for the selected channel.



