The React Native Task Manager App

by React Native Example

Task Manager – React Native!

[Simulator Screenshot – iPhone 14 Pro – 2023-08-18 at![Simulator Screenshot – iPhone 14 Pro – 2023-08-18 at 12 40 13]

Welcome to the React Native Task Manager App! This app provides a simple and intuitive interface for managing your tasks. It includes an onboarding screen, a task adding screen, and a task list screen. With the power of Redux Toolkit for global state management and AsyncStorage for local storage, you can efficiently create, delete, edit, and mark tasks as completed.Also having toast for knowing the status.

Features

  • Onboarding Screen: Get started with a user-friendly onboarding experience that introduces you to the app’s features.

  • Task Adding Screen: Easily add new tasks with a user-friendly interface. Set task names, due dates, and descriptions.

  • Task List Screen: View and manage your tasks in a clean and organized list format. Mark tasks as completed, edit task details, and delete tasks.

  • Searching Todo: We can Search for todo which will help when there is a lot of todos

  • Toast

  • DatePicker: For adding the start and end dates

  • Status Selection: We can select task status from this dropdown from add or edit screen

  • Redux Toolkit: Utilize the power of Redux Toolkit for efficient global state management, ensuring consistent data across screens.

  • AsyncStorage: Store your tasks locally using AsyncStorage, so you can access and manage your tasks even when offline.

  • Responsive UI: Enjoy a well-designed and responsive user interface that adapts to various screen sizes and orientations.

Install and Run

Clone the project

  git clone https://github.com/favazpa/netstratrum-task-todo.git

Go to the project directory

  cd TaskManager

Install dependencies

  npm install

Start the server

  npm run start

Run in android

  npm run android

Run in ios

  npm run ios

GitHub

View Github