TaskUp is a simple task management application built on React Native. It allows users to create, edit, and delete tasks. It also has an alarm feature to remind users of their tasks. The application uses Redux for state management and AsyncStorage for local storage.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
You need to have Node.js, npm and React Native installed on your machine.
To check if you have Node.js installed, run this command in your terminal:
node -v
To confirm that you have npm installed you can run this command in your terminal:
npm -v
To install React Native, follow the instructions on React Native Environment Setup.
Clone the repository to your local machine.
git clone https://github.com/Adewale-1/TaskUp.git
Navigate into the cloned repository.
cd TaskUp
Install all the dependencies.
npm install
Run the application.
npx react-native run-android
- React Native - A framework for building native apps using React
- Redux - A Predictable State Container for JS Apps
- React Navigation - Routing and navigation for your React Native apps
- AsyncStorage - An asynchronous, unencrypted, persistent, key-value storage system for React Native.
- React Native Push Notification - A react native module to send local and remote push notifications
- React Native Vector Icons - Customizable Icons for React Native
This is the root component of the application. It sets up the navigation stack and the Redux store.
This is the splash screen component. It displays a welcome message and navigates to the task list after a set amount of time.
This is the task component. It is responsible for creating, editing and deleting tasks. It uses the state from the Redux store to manage the tasks and the taskID. It also uses AsyncStorage to save the tasks in the local storage. It makes use of the PushNotification library to schedule alarms for the tasks.
This is the done tasks component. It displays a list of tasks that have been marked as done. It allows users to uncheck a task to mark it as not done, and to delete a task.
This is the to-do tasks component. It displays a list of tasks that have not been marked as done. It allows users to check a task to mark it as done, and to delete a task.
- Adewale Adenle - Initial work - Github
This project is licensed under the MIT License.