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.
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.
Add if block to check that user name and password aren't empty. Please watch my advanced tutorial for such kind of error handling. Link in video description of this tutorial.
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
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. th-cam.com/video/Cmy0VueB1zc/w-d-xo.htmlsi=vu0zRKZMdVAp1Ter
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?
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.
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
![Make your own Login Screen in MIT App Inventor || UI Design [Updated 2023]](http://i.ytimg.com/vi/qqYqMANXfmA/mqdefault.jpg)
Important points discussed in detail for better learning. This is very creative programming. Great job!
Its always fun to learn from your channel, love it ❤️
Thank you for sharing such comprehensive tutorial. It's always interesting to learn with you. Hopefully this will be helpful for learners.
i had a compition and I used this tut, I won tysm!!
Congratulations :) and most welcome! Thank you too for watching :)
@@ObsidianSoftEducation you are so underrated btw🤍
Slow and steady wins the race! Hopefully 😁
Thank you very much for this video , you are the best in youtube channels for appinventor applications !!!
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
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.
@@ObsidianSoftEducation okay, thank you so much!
Really appreciate your work. It really helps beginners and make it really easy for them
thanks for sharing a really informative vdo about how to sign in .. every thing u discussed was so on point
That's a best tutorial with all details explained precisely 👌
Thank you for helpful video
It is working 💯 🎉
Most welcome 😊
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
Thank you for the wonderful feedback 😊
Best content for MIT app inventor. Thanks for sharing
This video is very helpful for me ❤
Glad to hear that my tutorial helped you 😊
What an amazing and detailed tutorial you shared 👌🏻
Good work. Keep sharing more videos like this.
Thanks for sharing great tutorial...Its really creative and helpful for learners
Thank you for sharing this amazing tutorial ❤
Impressive work keep sharing more
Wow this login screen looks soooo good
Very informative and detailed video.
Thanks for sharing.
Very informative and detailed tutorial as always thanks for sharing
Really informative and interesting tutorial
Have you uploaded the next video?
Next part: th-cam.com/video/Cmy0VueB1zc/w-d-xo.html
Amazing tutorial, thanks for sharing it 👍
Amazing tutorial
So perfectly explained
hello, my app was working fine till a few weeks ago, it says java error clouddb and a bunch of other stuff. please advice
Please use the notifier and use its show alert to see the exact message and copy paste it here.
@@ObsidianSoftEducationhi...where i want to check the list of the user and their password?
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.
Please make videos on how to show Admob Ads, like app open ads, interstitial ads, native ads, banner ads etc.
Noted!
What should I do if i have separate screens for signup and login?
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.
hows to put try catch here... if i click log in it already goes to the mainscreen without registered account or input account
Add if block to check that user name and password aren't empty. Please watch my advanced tutorial for such kind of error handling. Link in video description of this tutorial.
do you know how to make an age verification on mit app please help me with that i didnt see them in your videos
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
Very good information good program
is there a way to work on the coding section without using clouddb??
Sure. You can use Google sheets for storing data.
please advice, my app was working a few days ago and suddenly it is not working due to some clouddb error.
I have also imported your aia file to test it out and it has the same issues. CloudDB: javanetsocket time out SSL
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.
where is the video that says how to setup the database
How to get free cloudDB for MIT App Inventor projects | CloudDB | MIT App Inventor | FREE Redis
th-cam.com/video/OoTNCQ_32C0/w-d-xo.html
How to make it so the user cant sign up without having anything put in the textboxs
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. th-cam.com/video/Cmy0VueB1zc/w-d-xo.htmlsi=vu0zRKZMdVAp1Ter
@@ObsidianSoftEducation Thanks ma'am, really helped me!
Most welcome 😊
I copied everything exactly and the buttons don’t work , why ?
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?
@@ObsidianSoftEducationthe sign-up button
@@alielshahbour8769 Have you compared the code with my aia project that I have also provided in the tutorial's video description?
my app is not workiing due to dbcloud not reading
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.
how can i get the aia file
Webpage link in video description. Scroll down and look for sign up Screen project.
@@ObsidianSoftEducation thank you but i can’t get it
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.
Ok thank you
Please download aia file from this page: obsidiansofteducation.blogspot.com/p/sign-up-and-login-in-mit-app-inventor.html
Create same turtorial for firebase
Ok 👍
@@ObsidianSoftEducation thank u
Can you comment the #colors used
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
@@ObsidianSoftEducation thank you, mam
@@dinesh.p most welcome :)
Login and sign up botton is not work
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.
Not working
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.
11:46
Yes please. Are you facing a problem?
تو ایرانی هستی