Learn QUICK-BASE with Real Code Examples

# quick_base/demo/CounterApp
1. Create a Table 'Counter' with a field 'Value'.
2. Drag a Button onto the page.
3. Drag a Text/Display field to show 'Counter.Value'.
4. Configure Button Action: On click -> Increment 'Counter.Value'.
5. Bind Text/Display field to show current 'Counter.Value'.
6. Preview the app to see live updates as the counter increments.

A basic Quick Base example that increments a counter stored in the app when a button is clicked and updates a display field in real time.

# quick_base/demo/ToDoApp
1. Create a Table 'Tasks' with field 'Name'.
2. Drag a Table/Grid to display Tasks.
3. Drag an Input field for new Task.
4. Drag a Button 'Add Task' -> Action: Create new Task record.
5. Add Delete action for each Task row.
6. Preview the app to add and remove tasks live.

A Quick Base app to add and remove tasks from a list using no-code configuration.

# quick_base/demo/SurveyApp
1. Create Table 'Questions' with fields 'QuestionText', 'AnswerOptions'.
2. Create Table 'Responses' with field 'SelectedAnswer'.
3. Drag Table/Grid to display Questions.
4. Add Radio Buttons/Dropdown for selecting answer.
5. Configure Button 'Submit' -> Action: Save Response record.
6. Preview app to submit survey responses live.

A Quick Base app that collects survey responses with multiple choice questions.

# quick_base/demo/FeedbackApp
1. Create Table 'Feedback' with fields 'Name', 'Email', 'Message'.
2. Drag Input fields for Name and Email.
3. Drag TextArea for Message.
4. Drag Button 'Submit' -> Action: Create Feedback record.
5. Show confirmation message after submission.
6. Preview app to collect feedback.

A Quick Base app to collect user feedback using form widgets.

# quick_base/demo/LoginApp
1. Enable Quick Base User Authentication.
2. Drag Input fields for Username and Password.
3. Drag Button 'Login'.
4. Configure Button Action: Authenticate user.
5. Display success or error messages.
6. Preview the app to test login functionality.

A Quick Base app for login using built-in authentication and visual widgets.

# quick_base/demo/NotesApp
1. Create Table 'Notes' with field 'Content'.
2. Drag Table/Grid to display Notes.
3. Drag Input field to enter new Note.
4. Drag Button 'Save' -> Action: Create Note record.
5. Add Edit option in Table -> Action: Update Note record.
6. Preview app to create and edit notes live.

A Quick Base app that allows creating, editing, and viewing notes.

# quick_base/demo/EventApp
1. Create Table 'Events' with fields 'Title', 'Date', 'Location'.
2. Drag Table/Grid to display Events.
3. Drag Input fields for new Event details.
4. Drag Button 'Add Event' -> Action: Create Event record.
5. Add Delete option for each row -> Action: Delete Event record.
6. Preview app to manage events live.

A Quick Base app to create, view, and delete events.

# quick_base/demo/ProfileApp
1. Create Table 'UserProfile' with fields 'FullName', 'Email', 'Bio'.
2. Drag Text fields to display each attribute.
3. Add Button 'Edit' -> Action: Enable editing.
4. Use Input fields to update attributes.
5. Bind updated attributes back to display fields.
6. Preview app to edit profile live.

A Quick Base app that displays and updates user profile information.

# quick_base/demo/CalculatorApp
1. Create Table 'Calculation' with fields 'Num1', 'Num2', 'Result'.
2. Drag Input fields for Num1 and Num2.
3. Drag Buttons 'Add' and 'Subtract'.
4. Configure Actions: Add -> Result = Num1 + Num2, Subtract -> Result = Num1 - Num2.
5. Drag Text/Display field to show 'Result'.
6. Preview app to perform calculations live.

A Quick Base app that performs addition and subtraction using formula fields and actions.

# quick_base/demo/ChatApp
1. Create Table 'Messages' with fields 'Sender', 'Text', 'Timestamp'.
2. Drag Table/Grid to display Messages.
3. Drag Input field for new Message.
4. Drag Button 'Send' -> Action: Create Message record.
5. Auto-refresh Table to show new messages.
6. Preview app to chat live.

A Quick Base app to send and view chat messages using tables and actions.