{"id":19409579,"url":"https://github.com/ionicthemes/ionic-navigation-and-routing","last_synced_at":"2025-04-24T10:31:37.786Z","repository":{"id":39556691,"uuid":"174394305","full_name":"ionicthemes/ionic-navigation-and-routing","owner":"ionicthemes","description":"🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!","archived":false,"fork":false,"pushed_at":"2023-01-07T03:38:36.000Z","size":2887,"stargazers_count":46,"open_issues_count":26,"forks_count":18,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-10T16:41:47.360Z","etag":null,"topics":["angular-router","angular-router-guard","angular-routing","ionic","ionic-angular","ionic-apps","ionic-framework","ionic-tutorial","ionic-tutorials","ionic5","ionic5-example","pwa"],"latest_commit_sha":null,"homepage":"https://ionicthemes.com/tutorials/about/ionic-navigation-and-routing-ultimate-guide","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":"2019-03-07T17:55:34.000Z","updated_at":"2024-03-30T01:31:24.000Z","dependencies_parsed_at":"2023-02-06T11:00:18.774Z","dependency_job_id":null,"html_url":"https://github.com/ionicthemes/ionic-navigation-and-routing","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/ionicthemes%2Fionic-navigation-and-routing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-navigation-and-routing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-navigation-and-routing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-navigation-and-routing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ionicthemes","download_url":"https://codeload.github.com/ionicthemes/ionic-navigation-and-routing/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223948505,"owners_count":17230132,"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-router","angular-router-guard","angular-routing","ionic","ionic-angular","ionic-apps","ionic-framework","ionic-tutorial","ionic-tutorials","ionic5","ionic5-example","pwa"],"created_at":"2024-11-10T12:11:57.771Z","updated_at":"2024-11-10T12:11:58.443Z","avatar_url":"https://github.com/ionicthemes.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Ionic Navigation \u0026 Routing: The Ultimate Guide\n\n### About this ionic Framework navigation starter\nFind out how to get the most out of the Angular router in Ionic applications. Also, this repo has some usability tricks you can add to your Ionic Applications to make them look even better!\n\nThis repo is the code of an Ionic 5 starter app that we created as part of a [Ionic Navigation \u0026 Routing: The Ultimate Guide](https://ionicthemes.com/tutorials/about/ionic-navigation-and-routing-ultimate-guide). In this tutorial your will learn to master navigation with Ionic and Angular using the Angular Router.\n\n### Start with Ionic Framework\nThis post is part of the *Mastering Ionic Framework* series which deep dives into Ionic 5 more advanced stuff. Don't be afraid, if you are new to Ionic Framework, I strongly recommend you to first read our [previous introductory ionic 5 tutorial](https://ionicthemes.com/tutorials/about/ionic5-tutorial-migration-and-starter)\n\n### Install this Ionic 5 starter app\n```\nnpm install\n```\n\n### Browse Ionic Framework App\n```\nionic serve\n```\n\n### Demo\n- [Online demo](https://ionic-4-navigation.firebaseapp.com/home)\n\n### Free Ionic Examples\nFind more Ionic tutorials and starter apps in https://ionicthemes.com\n\n### Get a premium Ionic 5 Starter App\nDid you know that we recently released [Ionic 5 Full Starter App](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version)? It's an ionic 5 starter app that you can use to jump start your Ionic app development and save yourself hundreds of hours of design and development.\n\nIt is also a PWA and can be used both on the web and on mobile devices as a native app. Try it on your phone to see how it works!\n\nIt also has lots of practical use cases you can use to learn Ionic Framework from scratch!\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%2Fionic-navigation-and-routing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fionicthemes%2Fionic-navigation-and-routing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fionicthemes%2Fionic-navigation-and-routing/lists"}