GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → sean-perkins → nativescript-task-app

sean-perkins / nativescript-task-app

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

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

androidiosangularngrxlazy-loadingnativescriptoffline-capablenativescript-template

Projects that are alternatives of or similar to nativescript-task-app

nativescript-whatsapp-template
NativeScript Template Similar to WhatsApp
Stars: ✭ 61 (+134.62%)
Mutual labels:  nativescript, nativescript-template
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+2473.08%)
Mutual labels:  ngrx, lazy-loading
lazyNinjas
No description or website provided.
Stars: ✭ 25 (-3.85%)
Mutual labels:  lazy-loading, nativescript
Angular Ngrx Material Starter
Angular, NgRx, Angular CLI & Angular Material Starter Project
Stars: ✭ 2,623 (+9988.46%)
Mutual labels:  ngrx, lazy-loading
nativescript-vue-rollup-template
A NativeScript template ready to roll with Vue.js and .vue files.
Stars: ✭ 39 (+50%)
Mutual labels:  nativescript, nativescript-template
Rwa Trivia
Trivia App - Real World Angular series
Stars: ✭ 251 (+865.38%)
Mutual labels:  ngrx, nativescript
Angular Seed Advanced
Advanced Angular seed project with support for ngrx/store, ngrx/effects, ngx-translate, angulartics2, lodash, NativeScript (*native* mobile), Electron (Mac, Windows and Linux desktop) and more.
Stars: ✭ 2,279 (+8665.38%)
Mutual labels:  ngrx, nativescript
angular2-webpack-advance-starter
An advanced Angular2 Webpack Starter project with support for ngrx/store, ngrx/effects, ng2-translate, angulartics2, lodash, NativeScript (*native* mobile), Electron (Mac, Windows and Linux desktop) and more.
Stars: ✭ 49 (+88.46%)
Mutual labels:  ngrx, nativescript
nativesapp
Simple WhatsApp clone just for training purposes - Course Angular Native at www.udemy.com/angular-native
Stars: ✭ 19 (-26.92%)
Mutual labels:  nativescript, nativescript-template
angular-authentication
An Angular application that demonstrates best practices for user authentication & authorization flows.
Stars: ✭ 122 (+369.23%)
Mutual labels:  ngrx
nativescript-vue-router
A simple router implementation that is suitable for NativeScript-Vue.
Stars: ✭ 14 (-46.15%)
Mutual labels:  nativescript
ui
Add right-to-left support to the NativeScript framework
Stars: ✭ 22 (-15.38%)
Mutual labels:  nativescript
nativescript-swipe-card
Swipe Card plugin for nativescript
Stars: ✭ 21 (-19.23%)
Mutual labels:  nativescript
react-gallery-carousel
Mobile-friendly gallery carousel 🎠 with server side rendering, lazy loading, fullscreen, thumbnails, touch, mouse emulation, RTL, keyboard navigation and customisations.
Stars: ✭ 178 (+584.62%)
Mutual labels:  lazy-loading
nativescript-vue-multi-drawer
A NativeScript-Vue component for creating multiple side drawers (4 sides supported)
Stars: ✭ 45 (+73.08%)
Mutual labels:  nativescript
fullstack-graphql-angular
Simple Fullstack GraphQL Application with Angular CLI + Redux. API built with Typescript + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL). WebApp built with Angular CLI + Redux + Async Middleware to access the API.
Stars: ✭ 67 (+157.69%)
Mutual labels:  ngrx
magento2-catalog-lazy-load
Improve the load time of your Magento 2 categories pages by loading your images on demand with our Lazy Load Extension
Stars: ✭ 56 (+115.38%)
Mutual labels:  lazy-loading
nativescript-homekit
🏡 HomeKit plugin for your fancy NativeScript app
Stars: ✭ 23 (-11.54%)
Mutual labels:  nativescript
nativescript-printer
📠 Send an image or the screen contents to a physical printer
Stars: ✭ 33 (+26.92%)
Mutual labels:  nativescript
Keyist-Ecommerce
🔑 A simple ecommerce site powered with Spring Boot + Angular 10 + Ngrx + OAuth2
Stars: ✭ 220 (+746.15%)
Mutual labels:  ngrx
View All Similar Projects ➔

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].