{"id":14985810,"url":"https://github.com/ionicthemes/build-a-complete-mobile-app-with-ionic-framework","last_synced_at":"2025-08-02T23:12:50.952Z","repository":{"id":38461397,"uuid":"104679030","full_name":"ionicthemes/build-a-complete-mobile-app-with-ionic-framework","owner":"ionicthemes","description":"Getting Started with Ionic Framework - Let's build a real App together! Learn the core concepts of Ionic while building a Q \u0026 A mobile app.","archived":false,"fork":false,"pushed_at":"2023-01-06T20:57:51.000Z","size":1957,"stargazers_count":219,"open_issues_count":17,"forks_count":97,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-05-20T06:05:17.664Z","etag":null,"topics":["ionic","ionic-5","ionic-angular","ionic-framework","ionic-navigation","ionic-starter","ionic-tutorial"],"latest_commit_sha":null,"homepage":"https://ionicthemes.com/tutorials/about/build-a-complete-mobile-app-with-ionic-framework","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/ionicthemes.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}},"created_at":"2017-09-24T21:56:19.000Z","updated_at":"2025-04-15T22:04:09.000Z","dependencies_parsed_at":"2023-02-06T09:16:01.036Z","dependency_job_id":null,"html_url":"https://github.com/ionicthemes/build-a-complete-mobile-app-with-ionic-framework","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ionicthemes/build-a-complete-mobile-app-with-ionic-framework","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ionicthemes","download_url":"https://codeload.github.com/ionicthemes/build-a-complete-mobile-app-with-ionic-framework/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268470799,"owners_count":24255391,"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","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["ionic","ionic-5","ionic-angular","ionic-framework","ionic-navigation","ionic-starter","ionic-tutorial"],"created_at":"2024-09-24T14:11:43.379Z","updated_at":"2025-08-02T23:12:50.929Z","avatar_url":"https://github.com/ionicthemes.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Build a complete mobile app with Ionic\n\nThis repo is part of an ionic tutorial that explains how to build an ionic app with a question and answer format (Q\u0026A). We will go through the core concepts of an Ionic Framework App such as Project Structure, Navigation, UI/UX and Data Integration with a [NestJs API](https://github.com/ionicthemes/questions-and-answers-tutorial-backend).\n\nThis ionic tutorial includes a free ionic template you can reuse for your own project!\n\n\n**Please support this project by simply putting a Github star ⭐ 🙏**\n\n[Follow the complete step by step tutorial](https://ionicthemes.com/tutorials/about/build-a-complete-mobile-app-with-ionic-framework).\n\n\u003cdiv\u003e\n\u003cimg src=\"https://ionicthemes.s3-us-west-2.amazonaws.com/tutorials/screenshots/build-a-complete-mobile-app-with-ionic5/category-listing.png\" width=\"270\"\u003e\n\u003cimg src=\"https://ionicthemes.s3-us-west-2.amazonaws.com/tutorials/screenshots/build-a-complete-mobile-app-with-ionic5/category-details.png\" width=\"270\"\u003e\n\u003cimg src=\"https://ionicthemes.s3-us-west-2.amazonaws.com/tutorials/screenshots/build-a-complete-mobile-app-with-ionic5/question-details.png\" width=\"270\"\u003e\n\u003c/div\u003e\n\n## Install the Ionic app\n```sh\nnpm install\n```\n\n## Run the Ionic app on the browser\n\n```sh\nionic serve\n```\n\n## Run the ionic app on your phone\nThis app is built with Capacitor. Check the [getting started guide](https://capacitorjs.com/docs/getting-started) to see how to run it on your device.\n\n## Demo\n- [Online demo](https://q-and-a-ionic-tutorial.web.app)\n- [Video preview](https://youtu.be/xj3Znnd4Evs)\n\n\n## Get a complete Ionic 5 Starter App\nDid you know that we recently released [Ionic 5 Full Starter App PRO](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version)? It has more than 125 carefully designed views and components, it will help you grasp best practices and the new concepts of Ionic 5 development.\n\nTry it both as a native app or as a full PWA on your mobile browser and **save yourself hundreds of hours of design and development**.\n\n\u003cimg src=\"https://ionicthemes.s3-us-west-2.amazonaws.com/cover_images/redesign/ionic5-full-starter-app-pro.jpg\"/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fionicthemes%2Fbuild-a-complete-mobile-app-with-ionic-framework/lists"}