anonilous / sample-Tasks-1

Open source cross-platform Tasks app built with NativeScript.

Tasks sample application

Open source cross-platform Tasks app built with NativeScript.

Use this application to find-out how to implement common mobile scenarios with NativeScript.

Running the sample

1. Make sure you have the NativeScript Command-line Interface installed as well as all the prerequisites for the NativeScript development, described in the package page.

2. Install the dependencies of the sample (NativeScript modules and TypeScript compiler)

   `npm install`
   

3. Compile the TypeScript code

   `node_modules/typescript/bin/tsc -p ./app`
   

4. Add the preferred platform-specific tools to the project library. Note that iOS development is only available with a Mac machine.

   tns platform add ios|android

5. [Android only] Copy the AndroidManifest.xml file to the Android project folder.

   cp ./manifests/AndroidManifest.xml ./platforms/android/src/main

6. Run the project.

   tns run ios|android [--emulator]

   The --emulator keyword instructs the CLI to load the iOS simulator or an android emulator depending on the platform you want.

For convenience you can use the run.bat/run.sh scripts on a *NIX/windows environment respectively. The run.sh script starts the sample in iOS when run on a Mac and Android on Linux/Windows. The run.bat script runs the sample on an Android emulator under Windows.

For *NIX systems the following script runs the sample directly:

curl https://raw.githubusercontent.com/NativeScript/sample-Tasks/master/run.sh | bash

Application Scenario

We chose an app that we know will cover a lot of useful scenarios:

1. User management

2. User authentication

3. User registration

4. User welcome email

5. Cloud data

6. read, update, delete and create data entry stored in the cloud

7. Offline support for the data (not in this article, but coming soon)

8. Modern UX

9. Using SideBar

10. Pull to Refresh

11. FAB (floating action button for Android Lollipop)

12. Load on demand for many tasks

13. Device integration

14. using camera

15. using phone contacts

16. Patterns/Technologies used

17. MVVM

18. CSS for styling

19. XML and data-binding for describing the UI

20. Platform specific targeting for the Android FAB button

21. 3rd party native libraries to load Telerik UI

Please read the series of articles that explain how this application is being implemented - https://www.nativescript.org/blog/nativescript-open-source-sample---tasks