Learn Powerapps - 10 Code Examples & CST Typing Practice Test

Microsoft Power Apps is a low-code/no-code platform for building custom business applications that run on web and mobile, integrating easily with Microsoft 365, Dynamics 365, and other data sources.

View all 10 Powerapps code examples →

Simple Power Apps Counter Example Simple Power Apps To-Do List Simple Power Apps Feedback Form Simple Power Apps Survey App Simple Power Apps Login Page Simple Power Apps Notes App Simple Power Apps Event Tracker Simple Power Apps Profile Page Simple Power Apps Calculator Simple Power Apps Chat App

Learn POWERAPPS with Real Code Examples

Updated Nov 26, 2025

Introduction & Fundamentals Setup & Configuration Architecture & Deep Internals Performance & Security Development Workflow Learning & Career Growth Business & Strategy Examples

Code Sample Descriptions

Simple Power Apps Counter Example

# powerapps/demo/CounterApp
1. Create a Canvas App.
2. Add a Button control onto the screen.
3. Add a Label control to display the counter value.
4. Create a variable 'Counter' initialized to 0.
5. Configure Button OnSelect property: Set(Counter, Counter + 1).
6. Bind Label Text property to 'Counter'.
7. Preview the app to see live updates.

A basic Power Apps example that increments a counter when a button is clicked and updates a label in real time.

Let’s Try →

Simple Power Apps To-Do List

# powerapps/demo/ToDoApp
1. Create a Canvas App.
2. Add a Gallery control to display tasks.
3. Add a Text Input for new task name.
4. Add Button 'Add Task' -> OnSelect: Collect(Tasks, {Name: TextInput1.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Tasks, ThisItem).
6. Bind Gallery Items property to 'Tasks'.
7. Preview the app to manage tasks live.

A basic Power Apps app to add and remove tasks using visual components.

Let’s Try →

Simple Power Apps Feedback Form

# powerapps/demo/FeedbackApp
1. Create a Canvas App.
2. Add Text Inputs for Name, Email.
3. Add Text Area for Message.
4. Add Button 'Submit' -> OnSelect: Collect(Feedbacks, {Name: NameInput.Text, Email: EmailInput.Text, Message: MessageInput.Text}).
5. Add Label to show confirmation message.
6. Preview app to submit feedback live.

A basic Power Apps form to collect user feedback using visual components.

Let’s Try →

Simple Power Apps Survey App

# powerapps/demo/SurveyApp
1. Create a Canvas App.
2. Add a Gallery control for survey questions.
3. Add Radio Buttons or Dropdown inside Gallery for answer options.
4. Add Button 'Submit' -> OnSelect: Collect(Responses, {Question: ThisItem.Question, Answer: Radio1.Selected.Value}).
5. Bind Gallery Items to 'Questions'.
6. Preview app to submit survey responses live.

A basic Power Apps app to collect survey responses with multiple choice questions.

Let’s Try →

Simple Power Apps Login Page

# powerapps/demo/LoginApp
1. Create a Canvas App.
2. Add Text Inputs for Username and Password.
3. Add Button 'Login' -> OnSelect: If(UsernameInput.Text='user' && PasswordInput.Text='pass', Navigate(HomeScreen), Notify('Invalid credentials')).
4. Add Label to show error messages.
5. Preview the app to test login functionality.

A basic Power Apps login interface using visual authentication components.

Let’s Try →

Simple Power Apps Notes App

# powerapps/demo/NotesApp
1. Create a Canvas App.
2. Add Gallery control to display notes.
3. Add Text Input for new note content.
4. Add Button 'Save' -> OnSelect: Collect(Notes, {Content: NoteInput.Text}).
5. Add Edit icon inside Gallery -> OnSelect: UpdateIf(Notes, ThisItem=ThisRecord, {Content: NoteInput.Text}).
6. Bind Gallery Items property to 'Notes'.
7. Preview app to manage notes live.

A basic Power Apps app to create, edit, and view notes using visual components.

Let’s Try →

Simple Power Apps Event Tracker

# powerapps/demo/EventApp
1. Create a Canvas App.
2. Add Gallery control for events.
3. Add Text Inputs for Title, Date, Location.
4. Add Button 'Add Event' -> OnSelect: Collect(Events, {Title: TitleInput.Text, Date: DateInput.SelectedDate, Location: LocationInput.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Events, ThisItem).
6. Bind Gallery Items to 'Events'.
7. Preview app to manage events live.

A basic Power Apps app to create, view, and delete events.

Let’s Try →

Simple Power Apps Profile Page

# powerapps/demo/ProfileApp
1. Create a Canvas App.
2. Add Text Labels to display user info: FullName, Email.
3. Add Button 'Edit' -> OnSelect: Enable editing Text Inputs.
4. Add Text Inputs for editable fields.
5. Add Button 'Save' -> OnSelect: Update(UserProfile, {FullName: FullNameInput.Text, Email: EmailInput.Text}).
6. Preview app to update profile live.

A basic Power Apps app to display and update user profile information.

Let’s Try →

Simple Power Apps Calculator

# powerapps/demo/CalculatorApp
1. Create a Canvas App.
2. Add Text Inputs Num1 and Num2.
3. Add Button 'Add' -> OnSelect: Set(Result, Value(Num1.Text)+Value(Num2.Text)).
4. Add Button 'Subtract' -> OnSelect: Set(Result, Value(Num1.Text)-Value(Num2.Text)).
5. Add Label to show 'Result'.
6. Preview app to perform calculations live.

A basic Power Apps app to perform addition and subtraction using formulas and actions.

Let’s Try →

Simple Power Apps Chat App

# powerapps/demo/ChatApp
1. Create a Canvas App.
2. Add Gallery control to display messages.
3. Add Text Input for new message.
4. Add Button 'Send' -> OnSelect: Collect(Messages, {Sender: User().FullName, Text: MessageInput.Text}).
5. Bind Gallery Items to 'Messages'.
6. Preview app to send and view messages live.

A basic Power Apps app to send and view chat messages using galleries and actions.

Let’s Try →

Frequently Asked Questions about Powerapps

What is Powerapps?

Microsoft Power Apps is a low-code/no-code platform for building custom business applications that run on web and mobile, integrating easily with Microsoft 365, Dynamics 365, and other data sources.

What are the primary use cases for Powerapps?

Custom business applications. Internal workflow automation. CRM and sales process extensions. Inventory and asset management. Data collection and dashboards

What are the strengths of Powerapps?

Deep integration with Microsoft ecosystem. Low-code approach for rapid development. Scalable enterprise deployment. Strong security and compliance. Access to AI and automation features

What are the limitations of Powerapps?

Dependent on Microsoft ecosystem for best experience. UI customization limited compared to full-code frameworks. Performance can be slower for large datasets. Advanced logic may require Power Automate knowledge. Licensing costs can be high for large user bases

How can I practice Powerapps typing speed?

CodeSpeedTest offers 10+ real Powerapps code examples for typing practice. You can measure your WPM, track accuracy, and improve your coding speed with guided exercises.

Learn Other Programming Languages

C React Python C++Rust TypeScript Kotlin PHP Java C#Ruby Mql Cql N1ql Cypher Gremlin Partiql Haskell Elixir Fsharp View all languages →

Code Sample Descriptions

Simple Power Apps Counter Example

# powerapps/demo/CounterApp
1. Create a Canvas App.
2. Add a Button control onto the screen.
3. Add a Label control to display the counter value.
4. Create a variable 'Counter' initialized to 0.
5. Configure Button OnSelect property: Set(Counter, Counter + 1).
6. Bind Label Text property to 'Counter'.
7. Preview the app to see live updates.

A basic Power Apps example that increments a counter when a button is clicked and updates a label in real time.

Let’s Try →

Simple Power Apps To-Do List

# powerapps/demo/ToDoApp
1. Create a Canvas App.
2. Add a Gallery control to display tasks.
3. Add a Text Input for new task name.
4. Add Button 'Add Task' -> OnSelect: Collect(Tasks, {Name: TextInput1.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Tasks, ThisItem).
6. Bind Gallery Items property to 'Tasks'.
7. Preview the app to manage tasks live.

A basic Power Apps app to add and remove tasks using visual components.

Let’s Try →

Simple Power Apps Feedback Form

# powerapps/demo/FeedbackApp
1. Create a Canvas App.
2. Add Text Inputs for Name, Email.
3. Add Text Area for Message.
4. Add Button 'Submit' -> OnSelect: Collect(Feedbacks, {Name: NameInput.Text, Email: EmailInput.Text, Message: MessageInput.Text}).
5. Add Label to show confirmation message.
6. Preview app to submit feedback live.

A basic Power Apps form to collect user feedback using visual components.

Let’s Try →

Simple Power Apps Survey App

# powerapps/demo/SurveyApp
1. Create a Canvas App.
2. Add a Gallery control for survey questions.
3. Add Radio Buttons or Dropdown inside Gallery for answer options.
4. Add Button 'Submit' -> OnSelect: Collect(Responses, {Question: ThisItem.Question, Answer: Radio1.Selected.Value}).
5. Bind Gallery Items to 'Questions'.
6. Preview app to submit survey responses live.

A basic Power Apps app to collect survey responses with multiple choice questions.

Let’s Try →

Simple Power Apps Login Page

# powerapps/demo/LoginApp
1. Create a Canvas App.
2. Add Text Inputs for Username and Password.
3. Add Button 'Login' -> OnSelect: If(UsernameInput.Text='user' && PasswordInput.Text='pass', Navigate(HomeScreen), Notify('Invalid credentials')).
4. Add Label to show error messages.
5. Preview the app to test login functionality.

A basic Power Apps login interface using visual authentication components.

Let’s Try →

Simple Power Apps Notes App

# powerapps/demo/NotesApp
1. Create a Canvas App.
2. Add Gallery control to display notes.
3. Add Text Input for new note content.
4. Add Button 'Save' -> OnSelect: Collect(Notes, {Content: NoteInput.Text}).
5. Add Edit icon inside Gallery -> OnSelect: UpdateIf(Notes, ThisItem=ThisRecord, {Content: NoteInput.Text}).
6. Bind Gallery Items property to 'Notes'.
7. Preview app to manage notes live.

A basic Power Apps app to create, edit, and view notes using visual components.

Let’s Try →

Simple Power Apps Event Tracker

# powerapps/demo/EventApp
1. Create a Canvas App.
2. Add Gallery control for events.
3. Add Text Inputs for Title, Date, Location.
4. Add Button 'Add Event' -> OnSelect: Collect(Events, {Title: TitleInput.Text, Date: DateInput.SelectedDate, Location: LocationInput.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Events, ThisItem).
6. Bind Gallery Items to 'Events'.
7. Preview app to manage events live.

A basic Power Apps app to create, view, and delete events.

Let’s Try →

Simple Power Apps Profile Page

# powerapps/demo/ProfileApp
1. Create a Canvas App.
2. Add Text Labels to display user info: FullName, Email.
3. Add Button 'Edit' -> OnSelect: Enable editing Text Inputs.
4. Add Text Inputs for editable fields.
5. Add Button 'Save' -> OnSelect: Update(UserProfile, {FullName: FullNameInput.Text, Email: EmailInput.Text}).
6. Preview app to update profile live.

A basic Power Apps app to display and update user profile information.

Let’s Try →

Simple Power Apps Calculator

# powerapps/demo/CalculatorApp
1. Create a Canvas App.
2. Add Text Inputs Num1 and Num2.
3. Add Button 'Add' -> OnSelect: Set(Result, Value(Num1.Text)+Value(Num2.Text)).
4. Add Button 'Subtract' -> OnSelect: Set(Result, Value(Num1.Text)-Value(Num2.Text)).
5. Add Label to show 'Result'.
6. Preview app to perform calculations live.

A basic Power Apps app to perform addition and subtraction using formulas and actions.

Let’s Try →

Simple Power Apps Chat App

# powerapps/demo/ChatApp
1. Create a Canvas App.
2. Add Gallery control to display messages.
3. Add Text Input for new message.
4. Add Button 'Send' -> OnSelect: Collect(Messages, {Sender: User().FullName, Text: MessageInput.Text}).
5. Bind Gallery Items to 'Messages'.
6. Preview app to send and view messages live.

A basic Power Apps app to send and view chat messages using galleries and actions.

Let’s Try →

Frequently Asked Questions about Powerapps

What is Powerapps?

Microsoft Power Apps is a low-code/no-code platform for building custom business applications that run on web and mobile, integrating easily with Microsoft 365, Dynamics 365, and other data sources.

What are the primary use cases for Powerapps?

Custom business applications. Internal workflow automation. CRM and sales process extensions. Inventory and asset management. Data collection and dashboards

What are the strengths of Powerapps?

Deep integration with Microsoft ecosystem. Low-code approach for rapid development. Scalable enterprise deployment. Strong security and compliance. Access to AI and automation features

What are the limitations of Powerapps?

How can I practice Powerapps typing speed?

CodeSpeedTest offers 10+ real Powerapps code examples for typing practice. You can measure your WPM, track accuracy, and improve your coding speed with guided exercises.