https://github.com/sean-perkins/nativescript-task-app

An example task management NativeScript Angular app. Demonstrates ngrx effects, lazy-loading modules, offline storage and app branding.
https://github.com/sean-perkins/nativescript-task-app

android angular ios lazy-loading nativescript nativescript-template ngrx offline-capable typescript

Last synced: 5 days ago
JSON representation

An example task management NativeScript Angular app. Demonstrates ngrx effects, lazy-loading modules, offline storage and app branding.

• Host: GitHub
• URL: https://github.com/sean-perkins/nativescript-task-app
• Owner: sean-perkins
• Created: 2017-08-26T19:27:35.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-28T23:39:41.000Z (over 7 years ago)
• Last Synced: 2024-12-26T21:30:43.614Z (10 days ago)
• Topics: android, angular, ios, lazy-loading, nativescript, nativescript-template, ngrx, offline-capable, typescript
• Language: TypeScript
• Homepage:
• Size: 2.23 MB
• Stars: 27
• Watchers: 5
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://dribbble.com/zoeyshen) for the initial graphics. Show her some love on Dribbble.

* [MadebyOliver](https://www.flaticon.com/authors/madebyoliver) for the initial references for the task icons.

# Contributors

[](https://github.com/sean-perkins) |

:---:

|[Sean Perkins](https://github.com/sean-perkins)|