BASE44

One Feature App

8 snippets

Lock Task Logic

Freeze the task list logic from being overwritten in future prompts.

Freeze all task-related components. Freeze: – TaskList.tsx – AddTaskInput.tsx – State logic for task actions

Single Feature Starter

Create an app with only one core feature and supporting UI — no extra components or boilerplate.

Create an app with one core feature: a task list with the ability to add, mark complete, and delete tasks. Include: – No database, store data in memory – Use Tailwind for styling – Add clear structure: input, list, checkboxes, delete buttons ...

Add Keyboard Shortcut to Add Task

Press Enter to submit task from input field.

Allow users to press Enter to add a task. Include: – Keyboard support for the input field – Submit on Enter – Prevent submission if invalid

Rebuild Task App Base

Rebuild the app using the original one-feature task structure.

Rebuild this app with the original task-list layout. Include: – Input field – Task list with checkbox and delete – Tailwind styling – No backend, in-memory only

Add Task Filter Buttons

Add buttons to filter between “All”, “Active”, and “Completed” tasks.

Add 3 buttons above the task list to filter tasks by status. Include: – “All”, “Active”, and “Completed” filters – Style active button – Filter tasks in-memory only

Add Dark Mode Styles

Support dark mode with Tailwind `dark:` variants.

Add dark mode support to the app. Include: – Tailwind `dark:` classes – Toggle dark/light theme – Store theme in localStorage

Add Input Validation

Prevent users from adding empty or duplicate tasks.

Add validation to the task input field. Include: – Prevent empty input – Prevent duplicate task names – Show inline error message below the field

Add Edit Button for Tasks

Allow users to edit existing task names.

Add an “Edit” button next to each task. Include: – Inline editing of task text – Save on blur or Enter – Revalidate for empty/duplicate names