Sign up Screen in MIT App Inventor | Login Screen MIT App Inventor | Easy signup/login screen app

📣 📣 📣 📣
If you liked this video, please consider supporting me on Buy Me a Coffee ☕. Your support will help me to continue creating high-quality content.
www.buymeacoffee.com/obsidian...
In this video, I am teaching you how to make a signup and login screen in MIT App Inventor. I will also teach you the easiest way to design elegant screens.
Written Tutorial + AIA file
obsidiansofteducation.blogspo...
Colours used in this app:
The background of Screen1 is dark Grey from MIT App Inventor.
Textbox background colour: #f7f3e7ff
Button background colour: #bf515bff
Button Text Colour: #f7f3e7ff
Chapters:
00:00 Introduction - MIT App Inventor login register
00:27 Demo of Login Screen App - MIT App Inventor login register
000:57 UI Design of Login Screen - MIT App Inventor login register
06:54 Adding Main Screen - MIT App Inventor login register
07:47 Blocks for Sign Up Screen - MIT App Inventor login register
07:49 Sign up Button Code - MIT App Inventor login register
09:20 Login Button Code - MIT App Inventor login register
Other MIT App Inventor Tutorials:
🤖 Chatbot powered by ChatGPT
• Voice Assistant in MIT...
🎞️ ❓Movie Quiz App:
• How to make Quiz App i...
🎤🔦 Voice-operated flashlight (Hands Free)
• Voice Controlled Flash...
🔢 Calculator App:
• Calculator App in MIT ...
⌛ Countdown Timer App:
• Countdown Timer App in...
🛸 Space Invader Game:
• How to make Space Inva...
❓Multiple Choice Quiz App:
• Multiple choice quiz a...
🎨 Basic Paint App:
• Drawing App in MIT App...
🔦 Strobe Light App:
• Flashlight app in MIT ...
⏰ Alarm Clock App:
• Mobile App Development...
👻 🔨 Smash the Ghost Game:
• Smash The Ghost Game |...
🎤 Voice Changing App:
• How to make Fake Voice...
🎹 Piano App with Record Music feature:
• Piano in MIT App Inven...
🛒 Shopping List App:
• Shopping List MIT App ...
💬 Chat App (Messenger App) With Topic-Specific Rooms:
• Chat App MIT App Inven...
❄ Virtual Snow Globe:
• Snow Globe in MIT App ...
Free REDIS Cloud Account for custom CloudDB and using same CloudDB for multiple apps:
• How to get free cloudD...
Create Quiz App linked to custom CloudDB:
• Make Quiz in MIT App I...
Take Quiz App linked to custom CloudDB:
• Take Quiz in MIT App I...
Special Thanks to Filmora for Intro Music
Please like my Facebook page and Instagram page for more FREE educational resources.
Facebook: / obsidiansoft
Instagram: / obsidiansoftapps
For questions: contact me at [e-mail]
#mitappinventor #signupscreen #loginscreen #mitappinventortutorials #appinventortutorial #appinventor #simpleloginapp
Tags:
mit app inventor login register,
mit app inventor,
mit app inventor projects,
mit app inventor tutorial,
app inventor,
mit app inventor login,
login app inventor,
mit app inventor tutorial login page,
how to use mit app inventor,
how to create login page in mit app inventor,
how to make login page in mit app inventor,
login and sign up in mit app inventor,
app inventor login,
app inventor login and signup,
how to make a login page in mit app inventor,
login mit app inventor,
login page in mit app inventor,

[@lifeisthrillingyt7991]

Important points discussed in detail for better learning. This is very creative programming. Great job!

[@carestudio1303]

Its always fun to learn from your channel, love it ❤️

[@tunisieprotection6659]

Thank you very much for this video , you are the best in youtube channels for appinventor applications !!!

[@ayedanasim5713]

Really appreciate your work. It really helps beginners and make it really easy for them

[@uzmashahzad9061]

Thank you for sharing such comprehensive tutorial. It's always interesting to learn with you. Hopefully this will be helpful for learners.

[@novinayaz9347]

That's a best tutorial with all details explained precisely 👌

[@brandslover1358]

What an amazing and detailed tutorial you shared 👌🏻

[@NowridHasninvlogzz]

Thank you for sharing this amazing tutorial ❤

[@binteidrees8277]

Best content for MIT app inventor. Thanks for sharing

[@saminaasghar8536]

Good work. Keep sharing more videos like this.

[@saherishfawad1350]

thanks for sharing a really informative vdo about how to sign in .. every thing u discussed was so on point

[@tiffanyjohnson7427]

Wow this login screen looks soooo good

[@aaimaihtisham9493]

Very informative and detailed tutorial as always thanks for sharing

[@janjua245]

Impressive work keep sharing more

[@nubainzafar1578]

Amazing tutorial, thanks for sharing it 👍

[@rubinakhq643]

Thanks for sharing great tutorial...Its really creative and helpful for learners

[@sammislearning]

Very informative and detailed video. Thanks for sharing.

[@ayedanasim5713]

So perfectly explained

[@rajarani00182]

Really informative and interesting tutorial

[@ayyanadam3889]

Amazing tutorial

[@mira-wl8ob]

i had a compition and I used this tut, I won tysm!!

[@ObsidianSoftEducation]

Congratulations :) and most welcome! Thank you too for watching :)

[@mira-wl8ob]

@@ObsidianSoftEducation you are so underrated btw🤍

[@ObsidianSoftEducation]

Slow and steady wins the race! Hopefully 😁

[@Buddy_vlogzz]

This video is very helpful for me ❤

[@ObsidianSoftEducation]

Glad to hear that my tutorial helped you 😊

[@zata430]

your videos are so helpful thankyou for making this videos, love from indonesia❤❤❤🎉🎉 your food so nice and hogenic i lope you, and i lope you again

[@ObsidianSoftEducation]

Thank you for the wonderful feedback 😊

[@humairasiddiqui8476]

Very good information good program

[@LBMH-vh5os]

This is an amazing tutorial! I just have one question, where could i add a step in to be able for the user to add a pfp? thank you

[@ObsidianSoftEducation]

Thank you for watching :) Yes, you can add a profile pic but remember a few things: 1. You will have to change the coding of the app. At the moment, we are storing a password against a username as tag. Now, we need to add a profile picture and a password. You can have a different tag for storing profile pic such as if user name is Obsidian, you can make a tag like Obsidian_pic. 2. The camera component of mit app inventor returns a file path and not the actual image so if you store a file path into cloudDB and try to login from some other device, the profile picture cannot be loaded as the actual image is on another device. To save the actual image in CloudDB, you need to use an extension called KIO_Base641. I plan to do a tutorial on uploading images to CloudDB in a week or so.

[@LBMH-vh5os]

@@ObsidianSoftEducation okay, thank you so much!

[@VSJ-kg7gf]

Have you uploaded the next video?

[@ObsidianSoftEducation]

Next part: kzbin.info/www/bejne/eZ7cYYmrmqdksMU

[@bratsfantasyworld]

do you know how to make an age verification on mit app please help me with that i didnt see them in your videos

[@ObsidianSoftEducation]

This piqued my curiosity. I just quickly put together an app for your requirement. Publishing a video tutorial might take some time as I have other tutorials in the pipeline but I have written a tutorial for you. I hope this helps: obsidiansofteducation.blogspot.com/p/age-verification-for-neutral-age-screen.html

[@userN-it8mo]

hello, my app was working fine till a few weeks ago, it says java error clouddb and a bunch of other stuff. please advice

[@ObsidianSoftEducation]

Please use the notifier and use its show alert to see the exact message and copy paste it here.

[@syazwansyaz3173]

​@@ObsidianSoftEducationhi...where i want to check the list of the user and their password?

[@ObsidianSoftEducation]

Use a global list and get all tags from cloudDb along with their data and add them to this global list variable. Now, show this list in listview.

[@urfavanamaria]

What should I do if i have separate screens for signup and login?

[@ObsidianSoftEducation]

Same code but now on different screens. The first screen shown when the app is started is the login screen. You can have a label showing at the bottom of the screen that "if you don't have an account, sign up" with a small button for sign up that opens up the signup screen.

[@ikaitlynn]

is there a way to work on the coding section without using clouddb??

[@ObsidianSoftEducation]

Sure. You can use Google sheets for storing data.

[@userN-it8mo]

please advice, my app was working a few days ago and suddenly it is not working due to some clouddb error.

[@userN-it8mo]

I have also imported your aia file to test it out and it has the same issues. CloudDB: javanetsocket time out SSL

[@ObsidianSoftEducation]

This is an Internet error. Make sure that mobile Internet is turned on the device on which you are testing it. CloudDB needs Internet to work.

[@SecreteConfessionTv]

Please make videos on how to show Admob Ads, like app open ads, interstitial ads, native ads, banner ads etc.

[@ObsidianSoftEducation]

Noted!

[@chrisandrews7945]

I copied everything exactly and the buttons don’t work , why ?

[@ObsidianSoftEducation]

Kindly tell me what is exactly not working? Which button? So that I am able to suggest a solution. Also, is the basic version from the previous video working?

[@marchebbo124]

where is the video that says how to setup the database

[@ObsidianSoftEducation]

How to get free cloudDB for MIT App Inventor projects | CloudDB | MIT App Inventor | FREE Redis kzbin.info/www/bejne/haC3f3aHlJhleZI

[@haziqramadhan8543]

my app is not workiing due to dbcloud not reading

[@ObsidianSoftEducation]

Are you getting an error? I have also shared my project in the video description. You can compare and see if something was missed in the code.

[@melvenblox4179]

How to make it so the user cant sign up without having anything put in the textboxs

[@ObsidianSoftEducation]

Please see the advanced tutorial for this app in which I have shown this error handling and also duplicate user name check to avoid a second user using the same user name. kzbin.info/www/bejne/eZ7cYYmrmqdksMUsi=vu0zRKZMdVAp1Ter

[@melvenblox4179]

@@ObsidianSoftEducation Thanks ma'am, really helped me!

[@ObsidianSoftEducation]

Most welcome 😊

[@Tekayer507]

Login and sign up botton is not work

[@ObsidianSoftEducation]

Are you getting any error? I have also shared my aia file. Please import that in MIT app inventor to compare your code with my code.

[@dinesh.p]

Can you comment the #colors used

[@ObsidianSoftEducation]

Colors used in this app: The background of Screen1 is dark Grey from MIT App Inventor. Textbox background color: #f7f3e7ff Button background color: #bf515bff Button Text Colour: #f7f3e7ff

[@dinesh.p]

@@ObsidianSoftEducation thank you, mam

[@ObsidianSoftEducation]

@@dinesh.p most welcome :)

[@ThatCodingCube]

Create same turtorial for firebase

[@ObsidianSoftEducation]

Ok 👍

[@ThatCodingCube]

@@ObsidianSoftEducation thank u

[@dimasn69]

11:46

[@ObsidianSoftEducation]

Yes please. Are you facing a problem?

[@user-zh5vt9jd2x]

Not working

[@ObsidianSoftEducation]

I'm sorry to hear that it is not working for you. You can import my project from the link in the description to compare codes.

[@firasmnasri6883]

how can i get the aia file

[@ObsidianSoftEducation]

Webpage link in video description. Scroll down and look for sign up Screen project.

[@firasmnasri6883]

@@ObsidianSoftEducation thank you but i can’t get it

[@ObsidianSoftEducation]

I am sorry but I just noticed that the aia project on the website is the login screen with password check. I will upload the basic project today, Insha Allah.

[@firasmnasri6883]

Ok thank you

[@ObsidianSoftEducation]

Please download aia file from this page: obsidiansofteducation.blogspot.com/p/sign-up-and-login-in-mit-app-inventor.html

[@parsaravasha8787]

تو ایرانی هستی