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

Подписаться 7 тыс.

Просмотров 53 тыс.

50% 1

📣 📣 📣 📣
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 obsidiansoftc@gmail.com
#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,

Наука

Опубликовано:

9 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 84

@carestudio1303 Год назад

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

@lifeisthrillingyt7991 Год назад

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

@ayedanasim5713 Год назад

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

@tunisieprotection6659 Год назад

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

@novinayaz9347 Год назад

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

@uzmashahzad9061 Год назад

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

@brandslover1358 Год назад

What an amazing and detailed tutorial you shared 👌🏻

@NowridHasninvlogzz Год назад

Thank you for sharing this amazing tutorial ❤

@tiffanyjohnson7427 Год назад

Wow this login screen looks soooo good

@binteidrees8277 Год назад

Best content for MIT app inventor. Thanks for sharing

@saherishfawad1350 Год назад

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

@nubainzafar1578 Год назад

Amazing tutorial, thanks for sharing it 👍

@saminaasghar8536 Год назад

Good work. Keep sharing more videos like this.

@aaimaihtisham9493 Год назад

Very informative and detailed tutorial as always thanks for sharing

@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

@janjua245 Год назад

Impressive work keep sharing more

@ayyanadam3889 Год назад

Amazing tutorial

@rajarani00182 Год назад

Really informative and interesting tutorial

@mira-wl8ob 6 месяцев назад

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

@ObsidianSoftEducation 6 месяцев назад

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

@mira-wl8ob 6 месяцев назад

@@ObsidianSoftEducation you are so underrated btw🤍

@ObsidianSoftEducation 6 месяцев назад

Slow and steady wins the race! Hopefully 😁

@Buddy_vlogzz 4 месяца назад

This video is very helpful for me ❤

@ObsidianSoftEducation 4 месяца назад

Glad to hear that my tutorial helped you 😊

@zata430 3 месяца назад

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 3 месяца назад

Thank you for the wonderful feedback 😊

@humairasiddiqui8476 Год назад

Very good information good program

@bratsfantasyworld 5 месяцев назад

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 5 месяцев назад

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

@LBMH-vh5os 3 месяца назад

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 3 месяца назад

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 3 месяца назад

@@ObsidianSoftEducation okay, thank you so much!

@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.

@userN-it8mo 5 месяцев назад

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 5 месяцев назад

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

@syazwansyaz3173 5 месяцев назад

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

@ObsidianSoftEducation 5 месяцев назад

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.

@VSJ-kg7gf День назад

Have you uploaded the next video?

@ObsidianSoftEducation День назад

Next part: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Cmy0VueB1zc.html

@ikaitlynn 3 месяца назад

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

@ObsidianSoftEducation 3 месяца назад

Sure. You can use Google sheets for storing data.

@userN-it8mo 5 месяцев назад

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

@userN-it8mo 5 месяцев назад

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

@ObsidianSoftEducation 5 месяцев назад

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 9 месяцев назад

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

@ObsidianSoftEducation 9 месяцев назад

Noted!

@haziqramadhan8543 7 месяцев назад

my app is not workiing due to dbcloud not reading

@ObsidianSoftEducation 7 месяцев назад

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.

@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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-OoTNCQ_32C0.html

@chrisandrews7945 19 часов назад

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

@ObsidianSoftEducation 18 часов назад

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?

@Tekayer507 4 месяца назад

@ObsidianSoftEducation 4 месяца назад

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.

@CritzBreeze 2 месяца назад

Create same turtorial for firebase

@ObsidianSoftEducation 2 месяца назад

Ok 👍

@CritzBreeze 2 месяца назад

@@ObsidianSoftEducation thank u

@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 :)

@dimasn69 9 месяцев назад

11:46

@ObsidianSoftEducation 9 месяцев назад

Yes please. Are you facing a problem?

@firasmnasri6883 3 месяца назад

how can i get the aia file

@ObsidianSoftEducation 3 месяца назад

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

@firasmnasri6883 3 месяца назад

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

@ObsidianSoftEducation 3 месяца назад

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 3 месяца назад

Ok thank you

@ObsidianSoftEducation 3 месяца назад

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