NativeScript Task App

This repository demonstrates an example task management application built with NativeScript Angular.

Technologies

• NativeScript Angular
• RxJS / NgRx (State / Effects / Actions / Reducers)
• Model-Driven Objects
• Lazy-Loading Modules
• Offline Mode (Persistent Storage / App Settings)
• Angular Reactive Forms
• TypeScript Static Sub-classing for NgRx Actions

Feature List

• Ability to create, update and delete tasks
• Complete task by swiping in from the left.
• Delete tasks by swiping in from the right.
• Update tasks by longpressing on the list item
• Tap "Clear Tasks" to clear all tasks.
• Tap "+" FAB to open modal form for creating tasks.
• All tasks are saved local to the device for persistent storage.
• App branding will change from daytime mode at 8am to nighttime mode at 7pm.
• Filter between complete, incomplete and all tasks by tapping the statistic bar sections.

Getting Started

1. Download or clone this repository.
2. Install dependencies npm i or npm install.
3. Install and run your desired runtime tns run ios or tns run android.

App Images

iOS	Android

Credits / References

• Zoeyshen for the initial graphics. Show her some love on Dribbble.
• MadebyOliver for the initial references for the task icons.

Contributors

Sean Perkins