/todo

a simple todo mobile app

Primary LanguageTypeScript

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

navigation: react-navigation

data persistence: redux-persist

state management: redux & react hooks

Animation Credits

Checked Done by LottieFiles: link

Student university character by Alviarez Hernan: link