{"id":20266407,"url":"https://github.com/pferreirafabricio/popover-search-ionic","last_synced_at":"2026-04-11T06:44:16.366Z","repository":{"id":197118012,"uuid":"695983996","full_name":"pferreirafabricio/popover-search-ionic","owner":"pferreirafabricio","description":"🔎 A simple Ionic app to show how to implement a search bar with a popover below it","archived":false,"fork":false,"pushed_at":"2025-02-20T11:37:40.000Z","size":5671,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-24T06:11:34.446Z","etag":null,"topics":["android","axios","capacitor","capacitor-v5","capacitor-vue","capacitorjs","composition-api","cordova-res","ion-popover","ionic","ionic-components","ionic-vue","ionic7","javascript","js","popover","vue","vue-3"],"latest_commit_sha":null,"homepage":"https://pferreirafabricio.github.io/popover-search-ionic/","language":"Vue","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/pferreirafabricio.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-24T19:49:59.000Z","updated_at":"2025-02-20T11:37:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"b56486fe-d1fb-49ac-a351-b6d7cf78ddb9","html_url":"https://github.com/pferreirafabricio/popover-search-ionic","commit_stats":null,"previous_names":["pferreirafabricio/popover-search-ionic"],"tags_count":1,"template":false,"template_full_name":"pferreirafabricio/ionic-vue-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pferreirafabricio%2Fpopover-search-ionic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pferreirafabricio%2Fpopover-search-ionic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pferreirafabricio%2Fpopover-search-ionic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pferreirafabricio%2Fpopover-search-ionic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pferreirafabricio","download_url":"https://codeload.github.com/pferreirafabricio/popover-search-ionic/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241746795,"owners_count":20013165,"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":["android","axios","capacitor","capacitor-v5","capacitor-vue","capacitorjs","composition-api","cordova-res","ion-popover","ionic","ionic-components","ionic-vue","ionic7","javascript","js","popover","vue","vue-3"],"created_at":"2024-11-14T12:09:05.363Z","updated_at":"2025-12-01T11:03:29.905Z","avatar_url":"https://github.com/pferreirafabricio.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"right\"\u003e\n  \u003cimg alt=\"Project's logo\" src=\"https://github.com/pferreirafabricio/popover-search-ionic/blob/main/public/assets/icon/logo-white-bg.jpeg\" width=\"200px\" align=\"left\" /\u003e\n  Popover search\n\u003c/h1\u003e\n\n\u003cp align=\"right\"\u003e\n  A simple Ionic app to show how to implement a search bar with a popover below it\n  \u003cbr /\u003e\u003cbr /\u003e\n  \u003ca\u003e\n    \u003cimg alt=\"Badge showing the Github Action status for linting\" src=\"https://github.com/pferreirafabricio/popover-search-ionic/actions/workflows/main.yml/badge.svg\"\u003e\n    \u003cimg  alt=\"Badge showing the Github Action status for deploying the app to Github Pages\" src=\"https://github.com/pferreirafabricio/popover-search-ionic/actions/workflows/deploy.yml/badge.svg\"\u003e\n    \u003cimg alt=\"License badge\" src=\"https://img.shields.io/badge/license-MIT-green?style=for-the-badge\u0026labelColor=FFF\u0026color=2A0944\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## :eyes: Overview\n\n\u003cdiv\u003e\n  \u003cimg alt=\"Printscreen of the application in a desktop view\" src=\"https://github.com/pferreirafabricio/popover-search-ionic/assets/42717522/1c5f5a5f-a654-4220-856b-7f53117f36c6\" width=\"1000px\" /\u003e\n  \u003cimg alt=\"Printscreen of the application in a mobile view\" src=\"https://github.com/pferreirafabricio/popover-search-ionic/assets/42717522/386804a9-84ea-43a8-baf6-55ce83e3c442\" height=\"400px\" /\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\n\u003e **Note**\n\u003e \n\u003e Take a look at https://pferreirafabricio.github.io/popover-search-ionic/ for a live test, or you could download the `.apk` file in the [release v0.0.1](https://github.com/pferreirafabricio/popover-search-ionic/releases/tag/v0.0.1)\n\n## :open_book: About\n\nThis project is a simple Ionic app, using VueJS, Ionic, and Capacitor to show how to use the ionic popover component [ion-popover](https://ionicframework.com/docs/api/popover) to implement the results of an input search below it.\n\n## 🧱 This project was built with:\n\n- [Ionic](https://ionicframework.com/)\n- [Vue](https://vuejs.org/)\n- [Ionic + Vue](https://ionicframework.com/vue)\n- [Capacitor](https://capacitorjs.com/)\n\n## :running_man: Installing and Running\n\n1.  Clone this repository `https://github.com/pferreirafabricio/popover-search-ionic.git`\n2.  Enter in the project's folder: `cd popover-search-ionic`\n3.  Run `npm install`\n4.  Run `npm run serve` or `npm run dev`\n5.  Access `http://localhost:8080` in your browser and be happy 😃\n\n## :recycle: Contribute\n\n1.  Fork this repository\n2.  Create a branch with your feature: `git checkout -b my-feature`\n3.  Commit your changes: `git commit -m 'feat: My new feature'`\n4.  Push your branch: `git push origin my-feature`\n\n## :page_with_curl: License\n\nThis project is under the MIT license. Take a look at the [LICENSE](LICENSE) file for more details.\n\n## 📚 Learn more\n\n- Ionic Vue Docs: https://ionicframework.com/docs/vue/overview\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpferreirafabricio%2Fpopover-search-ionic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpferreirafabricio%2Fpopover-search-ionic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpferreirafabricio%2Fpopover-search-ionic/lists"}