{"id":19501523,"url":"https://github.com/shripalsoni04/ngxp-quotes-app","last_synced_at":"2025-04-25T23:31:10.206Z","repository":{"id":135091993,"uuid":"73289491","full_name":"shripalsoni04/ngxp-quotes-app","owner":"shripalsoni04","description":"Cross Platform Quotes Application built with Angular and Nativescript.","archived":false,"fork":false,"pushed_at":"2017-07-29T11:34:13.000Z","size":2667,"stargazers_count":26,"open_issues_count":0,"forks_count":15,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-04T05:11:16.445Z","etag":null,"topics":["android","angular","cross-platform","ios","nativescript","quotes-application","webapp"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shripalsoni04.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-11-09T14:08:15.000Z","updated_at":"2024-12-24T15:09:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"7969a0d5-4ab8-428d-b676-661e37d1666b","html_url":"https://github.com/shripalsoni04/ngxp-quotes-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shripalsoni04%2Fngxp-quotes-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shripalsoni04%2Fngxp-quotes-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shripalsoni04%2Fngxp-quotes-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shripalsoni04%2Fngxp-quotes-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shripalsoni04","download_url":"https://codeload.github.com/shripalsoni04/ngxp-quotes-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250912660,"owners_count":21506865,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","angular","cross-platform","ios","nativescript","quotes-application","webapp"],"created_at":"2024-11-10T22:13:08.321Z","updated_at":"2025-04-25T23:31:10.194Z","avatar_url":"https://github.com/shripalsoni04.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NGXP Quotes App\nQuotes application for Web and Mobile (Android, iOS) with single code base buit with Angular and Nativescript. \n\nIf you want to create your own cross-platform app similar to this, check this starter: [nativescript-angular-web-starter](https://github.com/shripalsoni04/nativescript-angular-web-starter).\n\n## Previews and Screenshots\nYou can check previews and screenshots of this application for Web, Android and iOS platforms at [ngxp.io](http://ngxp.io/product/quotes-application/) \n\n## Prerequisites\n1. Globally installed Nativecript  - `npm install -g nativescript`\n2. Globally installed Angular CLI - `npm install -g angular-cli`\n3. Mac OS to build iOS app.\n\n## Installation\n1. `git clone https://github.com/shripalsoni04/ngxp-quotes-app.git`\n2. `cd ngxp-quotes-app`\n3. `npm run ngxp-install`\n    - As we are using nativescript-firebase plugin, just press **y** for below two questions when asked while installation. \n      - are you using iOS?\n      - are you using android?\n      - For all other questions press **n**. \n\n## Run Web application\n`npm start` - This will start the application at http://localhost:4200. \n\n## Run iOS Application\n- First start the simulator or connect the iOS device.\n- Execute `npm run start.ios` \n- **Note** - If you are using XCode8 then you need to set the DEVELPMENT_TEAM. There are two ways to set it.\n  1. Using XCode\n      - After executing `npm run start.ios` command, open project wordspace file nativescript/platforms/ios/nativescript.xcworkspace in XCode\n      - Click on nativescript project in XCode and set Team from General Tab.\n      - The issue with thie approach is, you need to set it everytime you remove and add the iOS platform.\n  2. From build.xconfig (preferable)\n      - Open nativescript/app/App_Resources/iOS/build.xconfig file.\n      - Uncomment `DEVELOPMENT_TEAM = YOUR_TEAM_ID;` line, and enter your team id.\n\n## Run Android Application\n- Execute `npm run start.android`\n  \n## Commands\nYou can execute any valid command of angular-cli from `web/` folder and any valid command of nativescript-cli from `nativescript/` folder.\nFor convenince below are the commands which you can execute from root directory.\n\n### Common\n| Command                | Description                                                                                                                          |\n|------------------------|--------------------------------------------------------------------------------------------------------------------------------------|\n| npm run ngxp-install   | Installs dependencies of web and nativescript applications. Creates symlink of x-shared folder in both web and nativescript project. |\n\n### Web Application\n| Command                | Description                                                                                                                        |\n|------------------------|------------------------------------------------------------------------------------------------------------------------------------|\n| npm start              | Starts web application at http://localhost:4200                                                                                    |\n| npm run start.prod     | Starts web application in production mode. Runs uglification and minification.                                                     |\n| npm run start.aot      | Performs AOT for web application templates and starts web application.                                                             |\n| npm run start.aot.prod | Performs AOT, minification, uglification and starts web application.                                                               |\n| npm run build          | Builds the web application and copy the built project in web/dist folder.                                                          |\n| npm run build.prod     | Builds the web application in production mode and copy the built project in web/dist folder.                                       |\n| npm run build.aot      | Performs AOT, build the project and then copy the built project in web/dist folder.                                                |\n| npm run build.aot.prod | Performs AOT, prepares production build and then copy the built project in web/dist folder.                                        |\n| npm test               | Runs web application and x-shared unit test cases. It will not generate code coverage report.                                      |\n| npm run test-cc        | Runs web application and x-shared unit test cases and generates code coverage report.                                              |\n                                      \n\n### Nativescript Application\n| Command                  | Description                                                                                                                        |\n|--------------------------|------------------------------------------------------------------------------------------------------------------------------------|\n| npm run start.ios        | Runs application on iOS emulator/device                                                                                            |\n| npm run start.android    | Runs application on Android emulator/device                                                                                        |\n| npm run livesync.ios     | Starts application in livesync mode on iOS emulator/device.                                                                        |\n| npm run livesync.android | Starts application in livesync mode on Android emulator/device.       \n\n## Known Issues and Solution\n1. Angular dependencies at two levels for AOT support\n  - Currently we have added angular dependencies in root level package.json and web/package.json. Because, AOT does not work properly when we use path mapping and this issue is reported and can be traked at https://github.com/angular/angular-cli/issues/1732 and PR:https://github.com/angular/angular-cli/pull/2470. Once this issue is resolved we can add path mapping as shown below and remove the angular dependencies from web/package.json, so in case of any version update we just need to change the version at root directory level.\n\n    **web/src/tsconfig.json**\n    ```\n    \"paths\": {\n        \"@angular/*\": [\"../../node_modules/@angular/*\"]\n      }\n    ```\n   \n## Attributes (All are npm packages)\n1. nativescript-cardview\n2. nativescript-floatingactionbutton\n3. nativescript-iqkeyboardmanager\n4. nativescript-material-icons\n5. nativescript-ngx-fonticon\n6. nativescript-plugin-firebase\n7. nativescript-social-share\n8. nativescript-swiss-army-knife\n9. nativescript-theme-core\n10. angular-mdl\n11. Awesome framework and toolchain of Nativescript and Angular.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshripalsoni04%2Fngxp-quotes-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshripalsoni04%2Fngxp-quotes-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshripalsoni04%2Fngxp-quotes-app/lists"}