A simple task management application built with React Native. This app allows you to add, remove, and toggle tasks, as well as search through tasks using a search bar.
- Add new tasks
- Mark tasks as completed
- Remove tasks
- Search tasks by text
-
Clone the repository:
git clone https://github.com/kumarnagender09/TodoListApp.git cd task-management-app
-
Install dependencies:
npm install # or yarn install
-
Run the app:
npx react-native run-android # or for iOS npx react-native run-ios
- Add Task: Enter a new task in the "Add new Task" input field and press the "Add Task" button.
- Mark as Completed: Tap on a task to mark it as completed. Completed tasks will have a line-through style.
- Remove Task: Tap the "Remove" button next to a task to delete it.
- Search Tasks: Enter text in the "Search Tasks" input field to filter tasks based on the search query.
App.tsx
: The main component containing the entire application logic.
useState
: Used for managing the state of tasks, the current task input, and the search query.
addTask
: Adds a new task to the list.toggleTask
: Toggles the completion status of a task.removeTask
: Removes a task from the list.filterTasks
: Filters tasks based on the search query.
styles
: Contains all the styles for the components in the application.
- Fork the repository
- Create your feature branch (
git checkout -b feature/fooBar
) - Commit your changes (
git commit -m 'Add some fooBar'
) - Push to the branch (
git push origin feature/fooBar
) - Open a pull request
If you have any questions or feedback, feel free to reach out to [kumarnagender09@gmail.com].