{"id":14988444,"url":"https://github.com/dacili/ionic-app","last_synced_at":"2026-01-04T10:45:34.780Z","repository":{"id":113888094,"uuid":"590468691","full_name":"Dacili/Ionic-app","owner":"Dacili","description":"Mobile development? Why not? :D ","archived":false,"fork":false,"pushed_at":"2023-02-13T12:47:05.000Z","size":2980,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T13:29:35.787Z","etag":null,"topics":["angular","cordova","cross-platform","hybrid-app","hybrid-mobile-app","ionic","ionic6","mobile","mobile-development"],"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/Dacili.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":"2023-01-18T13:45:12.000Z","updated_at":"2023-10-06T07:44:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"10e7c904-2721-49fd-bcb1-89f758a82a7b","html_url":"https://github.com/Dacili/Ionic-app","commit_stats":{"total_commits":23,"total_committers":2,"mean_commits":11.5,"dds":0.4347826086956522,"last_synced_commit":"3e85d066029b9114ed7b80d013fb066b31c0e8e9"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dacili%2FIonic-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dacili%2FIonic-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dacili%2FIonic-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dacili%2FIonic-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dacili","download_url":"https://codeload.github.com/Dacili/Ionic-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244852127,"owners_count":20521151,"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","cordova","cross-platform","hybrid-app","hybrid-mobile-app","ionic","ionic6","mobile","mobile-development"],"created_at":"2024-09-24T14:16:42.943Z","updated_at":"2026-01-04T10:45:34.749Z","avatar_url":"https://github.com/Dacili.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ionic-app  \n**Ionic** (https://ionicframework.com/) is an open source mobile UI toolkit for building modern, high quality **cross-platform** mobile apps from a single code base in React, Vue or **Angular**.\n\nIn short, create mobile app with Angular knowledge and use of Ionic components (https://ionicframework.com/docs/components). Components are behaving a bit differently depeding on which operating systems you're running them (ios vs android).  \n\u003cbr\u003e\nThe UI beauty was not my priority haha.  \nDemo of app:  \n\n\nhttps://user-images.githubusercontent.com/37112852/218172833-a20a3775-68b8-47ee-a7b6-5faa7a317d53.mp4\n\n  \nApp specifications:  \n``` \n   Ionic CLI: 6.20.8   \n   Ionic Framework: @ionic/angular 6.4.2  \n   @angular/cli: 15.1.1  \n   @angular/core: ^15.0.0  \n   Cordova was used (not Capacitor) - an open source project that runs web apps across multiple platforms\n  ``` \n\nInstallation of ionic:  \n``` npm install -g @ionic/cli```   \nCreate a new Ionic app (you can choose some of the existing templates):    \n``` ionic start```   \nEnter the folder of newly created app and run:  \n``` ionic serve```     \nIf you want to create new component, or services, like you usually do with angular cli (ex. ng g service medi) you could do that similarly:  \n ```ionic generate```  \n and add parameters, or just go trough cmd options that it gives you.  \n When I was trying to run app on my mobile, I had a lot of issues. First you need to install Android studio, Java SDK. Gradle made me a lot of issues, such as incompatibility with latest Java. Environment variables updates, accepting licences agreements, Unsupported class file major version 61  ionic... And so on... When I fixed all issues, you are running app on mobile with this command:   \n  ```ionic cordova run android```  \n  and if everything went well, you should see command like this,   \n\u003cimg width=\"874\" alt=\"image\" src=\"https://user-images.githubusercontent.com/37112852/218174781-2e89483e-91d9-4b20-827c-e81bd68bf35a.png\"\u003e  \nAnd you're able to run it on your mobile! Yaay     \nBut what about debugging, is it possible to inspect you mobile app, as you do when running on your laptop? Yes!  \n  Go to this link: chrome://inspect/devices#devices, you will see something like this:  \n  \u003cimg width=\"566\" alt=\"image\" src=\"https://user-images.githubusercontent.com/37112852/218175212-42d06cce-f638-4f3b-9575-c78b6479ed7e.png\"\u003e  \n  At the lowest, you will see my phone connected, if you click on that inspect label, you get view like this:  \n  \u003cimg width=\"958\" alt=\"image\" src=\"https://user-images.githubusercontent.com/37112852/218175414-1c337a35-56d3-40f1-9c27-3eef186ed5ac.png\"\u003e\n That one is read only view, so if you click on your mobile you will see changes on that left part, if some error occurs, you will see the console errors. Awesome!  \n If you leave your app on mobile, the read only view will become something like this   \u003cimg width=\"887\" alt=\"image\" src=\"https://user-images.githubusercontent.com/37112852/218175936-3a709e0e-6da4-49ab-a028-f33495a41ef9.png\"\u003e\n \nSome of the commands that I was using you can check in this readme https://github.com/Dacili/Ionic-app/edit/master/README.md  \n\n\n  \n  \n  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdacili%2Fionic-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdacili%2Fionic-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdacili%2Fionic-app/lists"}