{"id":16192361,"url":"https://github.com/kirandash/mycoffeeapp","last_synced_at":"2026-04-15T15:41:33.006Z","repository":{"id":100517976,"uuid":"116391288","full_name":"kirandash/MyCoffeeApp","owner":"kirandash","description":"PWA - Progressive Web App with angular 4.3+","archived":false,"fork":false,"pushed_at":"2018-01-18T10:47:28.000Z","size":102,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-13T17:35:03.857Z","etag":null,"topics":["angular","angular-cli","material","pwa","restful-api"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kirandash.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2018-01-05T14:05:30.000Z","updated_at":"2018-01-17T10:48:32.000Z","dependencies_parsed_at":"2023-05-15T16:16:12.533Z","dependency_job_id":null,"html_url":"https://github.com/kirandash/MyCoffeeApp","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/kirandash%2FMyCoffeeApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirandash%2FMyCoffeeApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirandash%2FMyCoffeeApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirandash%2FMyCoffeeApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kirandash","download_url":"https://codeload.github.com/kirandash/MyCoffeeApp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675609,"owners_count":20977378,"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":["angular","angular-cli","material","pwa","restful-api"],"created_at":"2024-10-10T08:09:43.900Z","updated_at":"2026-04-15T15:41:27.978Z","avatar_url":"https://github.com/kirandash.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mycoffeeapp\n\n1. Project setup\nnpm uninstall -g angular-cli\n\nnpm cache clean\n\nnpm install -g @angular/cli@latest\n\nng -v\n\nng build --prod\n\nng serve --prod (PWA features can only be seen in production, Also PWA must have https and it will not work http, exception is localhost)\n\n2. Service creation\n\nng g s Geolocation\n\nimport it and provide in app.module.ts\n\n3. Data Service\n\nng g s Data\n\n4. Angular Material (https://material.angular.io/components/categories)\n\nnpm install --save @angular/material @angular/cdk (--save for installing am in same )\n\nnpm install --save @angular/animations hammerjs (animations for mobile devices and hammerjs for gestures on touch devices)\n\nTheming: https://material.angular.io/guide/theming\n\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MatButtonModule, MatIconModule, MatInputModule, MatSelectModule, MatSliderModule, MatToolbarModule, MatCardModule, MatSlideToggleModule } from '@angular/material'; // Note that this is just TS imports - remember to import the modules in angular point of view\nimport 'hammerjs';\n\nimports: [\n    BrowserModule, BrowserAnimationsModule, MatButtonModule, MatIconModule, MatInputModule, MatSelectModule, MatSliderModule, MatToolbarModule, MatCardModule, MatSlideToggleModule\n  ],\n\n@import '~@angular/material/prebuilt-themes/indigo-pink.css';\n\n5. Create List and Coffee Component\n\nng g c List and ng g c Coffee\n\n6. Add page components\n\nhttps://material.io/icons/ - For adding icons\n\n7. RESTful API\n\ncd .., mkdir server, cd server, npm init, or npm init -y if it hangs\n\nnpm install express-nedb-rest --save(nedb is a db and uses express js)\n\nnpm install cors --save (cors is to render our API to third party server)\n\nnode index\n\nAnd then open http://localhost:3000/ which will show the coffee object but with no data. So the API is up and running. Now it must link with mycoffeeapp\n\n8. Connect HTTP module provided by Angular instead of dummy data\n\nin data.service.ts\n\nimport { Http } from '@angular/http'; \n\nin app.module.ts \n\nimport { HttpModule } from '@angular/http';\n\n9. Web App manifest - Don't add any comments in this file or it won't read. (To verify - open chrome and go to Application tab in inspector and check manifest)\n\nhttps://tomitm.github.io/appmanifest/\n\nhttps://app-manifest.firebaseapp.com/\n\nhttps://brucelawson.github.io/manifest/\n\n10. Serve Icons\n\nAdd icons folder to assets in angular-cli.json so that the icon folder can be served by angular app.\n\nNote that you have to run ng serve again.\n\n11. Installable PWA\n\nThey have a + icon in browser or add to home page (in chrome beta phase) - this will add icon to home page and also to launcher and then it will also appear under applications manager.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkirandash%2Fmycoffeeapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkirandash%2Fmycoffeeapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkirandash%2Fmycoffeeapp/lists"}