LOGIN SCREEN USING MIT APP INVENTOR

on

 


Title: Simple Single-Screen Login App with Profile, About, and Logout Features

Virtual Screens (Arrangements) Used

The app uses one screen (Screen1) with four main arrangements:

LoginArrangement – Login page

HomeArrangement – Home page

ProfileArrangement – Profile page

AboutArrangement – About page

Each arrangement is shown/hidden to simulate multiple screens

This app is a simple login and navigation system created using MIT App Inventor. It uses only one screen, and all pages (Login, Home, Profile, About) are displayed using horizontal and vertical arrangements that are shown or hidden depending on user actions. The user logs in using a username and password, then gains access to the Home page with buttons for Profile, About, and Logout. The Logout button returns the user to the Login section. This app demonstrates how to build multi-page functionality using a single screen and block-based programming.

Below is the complete layout of components inside Screen1.

📌 A. LoginArrangement (Visible at start)
Components

WelcomeLabel – "Welcome! Please Log In"

UsernameLabel – "Username"

UsernameTextBox – Hint: "Enter username"

PasswordLabel – "Password"

PasswordTextBox – Password mode ON, Hint: "Enter password"

StatusLabel – (Blank)

LoginButton – "Login"

ClearButton – "Clear"

DOWNLOAD LINK FOR THE AIA PROJECT FILE:






Comments

Post a Comment