{"id":16946321,"url":"https://github.com/abritopach/ionic-offline-mode","last_synced_at":"2025-03-22T13:30:57.476Z","repository":{"id":36800412,"uuid":"157358245","full_name":"abritopach/ionic-offline-mode","owner":"abritopach","description":" Sample project that shows how to build an Dogs breeds APP with offline mode that caches API data so it can be used as a fallback later.","archived":false,"fork":false,"pushed_at":"2023-01-07T02:35:13.000Z","size":822,"stargazers_count":19,"open_issues_count":29,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-18T11:38:14.910Z","etag":null,"topics":["capacitor","ionic","ionic4","json-server","offline","offline-mode","offline-storage","typescript"],"latest_commit_sha":null,"homepage":"","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/abritopach.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}},"created_at":"2018-11-13T09:57:48.000Z","updated_at":"2024-07-21T06:03:50.000Z","dependencies_parsed_at":"2022-07-27T19:58:37.784Z","dependency_job_id":null,"html_url":"https://github.com/abritopach/ionic-offline-mode","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/abritopach%2Fionic-offline-mode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abritopach%2Fionic-offline-mode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abritopach%2Fionic-offline-mode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abritopach%2Fionic-offline-mode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abritopach","download_url":"https://codeload.github.com/abritopach/ionic-offline-mode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244962738,"owners_count":20539222,"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":["capacitor","ionic","ionic4","json-server","offline","offline-mode","offline-storage","typescript"],"created_at":"2024-10-13T21:27:07.090Z","updated_at":"2025-03-22T13:30:57.108Z","avatar_url":"https://github.com/abritopach.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# IonicOfflineMode\n\nSample project that shows how to build an Dogs breeds APP with offline mode that caches API data so it can be used as a fallback later. Also, we create an offline manager which stores requests made during that time so we can later send out the calls one by one when we are online again.\n\nThis project is an example created in the [Devdactic Blog](https://devdactic.com/ionic-4-offline-mode/) that have been modified by me. This project has been developed to practice my skills with the tech stack shown above.\n\nThis project shows you how to:\n\n    * Use Capacitor in Ionic 4.\n    * Show dogs breeds list.\n    * Add new dog breed.\n    * Handling network changes.\n    * Storing API requests locally.\n    * Making API requests with local caching.\n\nTechnologies: Ionic, Capacitor, TypeScript.\n\n## Start fake json server\n\n```bash\n    $ cd json-server\n    $ json-server --watch db.json\n```\n\n## Running\n\nBefore you go through this example, you should have at least a basic understanding of Ionic concepts. You must also already have Ionic installed on your machine.\n\n* Test in localhost:\n\nTo run it, cd into `ionic-offline-mode` and run:\n\n```bash\nnpm install\nionic serve\n```\n\n## Capacitor: Add Platforms\n\n``` bash\n    $ npx cap add ios\n    $ npx cap add android\n```\n\n## Capacitor: Syncing your app\nEvery time you perform a build (e.g. npm run build) that changes your web directory (default: www), you'll need to copy those changes down to your native projects:\n\n``` bash\n    $ npx cap copy\n```\n\n## Capacitor: Open IDE to build\n\n``` bash\n    $ npx cap open ios\n    $ npx cap open android\n```\n\n## Requirements\n\n* [Node.js](http://nodejs.org/)\n* [Ionic](https://ionicframework.com/getting-started#cli)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabritopach%2Fionic-offline-mode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabritopach%2Fionic-offline-mode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabritopach%2Fionic-offline-mode/lists"}