Getting started

Install app dependencies

In root folder, run yarn install

Run The App

There are 2 ways to build and run the app locally:

• Via official IDEs: Xcode (iOS), Android Studio (Android)
• Via command line: yarn ios and yarn android

If you have an Android device, you can also install the release apk file to try out the app.

Features

Current

• Create/update/remove task
• View all pending & completed tasks
• All tasks are persisted throughout app session

App Demo

https://vimeo.com/444395136

Technical details

Code structure

app folder

.
├── assets              # images, animations 
├── navigators          # navigation system
├── store               # redux store and reducers, actions, sagas (grouped by features)
├── styles              # design system: color, font, size, dimension
├── utils               # utilities: time, id,...
└── views               # UI components (grouped by navigation routes)

path aliases

actions                 # redux actions
selectors               # redux selectors
styles                  # design system
views                   # UI components
types                   # global typescript types
utils                   # utilities

Some Dependencies

animation: lottie-react-native

navigation: react-navigation

datetime picker: react-native-modal-datetime-picker

data persistence: redux-persist

text input: react-native-material-textfield

state management: redux & react hooks

Animation Credits

Checked Done by LottieFiles: link

Student university character by Alviarez Hernan: link