Code Monkey home page Code Monkey logo

nativescript-task-app's Introduction

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
screen shot 2017-08-26 at 3 37 08 pm screen shot 2017-08-26 at 8 43 18 pm
screen shot 2017-08-26 at 3 36 47 pm screen shot 2017-08-26 at 8 42 15 pm
screen shot 2017-08-26 at 3 34 15 pm screen shot 2017-08-26 at 8 43 12 pm
screen shot 2017-08-26 at 3 36 37 pm screen shot 2017-08-26 at 8 42 50 pm

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
Sean Perkins

nativescript-task-app's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

nativescript-task-app's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.