Skip to content

📋 App to search for a Github profile using the Github API then display key info using ion-cards

License

Notifications You must be signed in to change notification settings

AndrewJBateman/ionic-angular-github

Repository files navigation

⚡ Ionic Angular Github

  • App to search for and display github data for a user from the github API using the Ionic framework.
  • Note: to open web links in a new window use: ctrl+click on link

GitHub repo size GitHub pull requests GitHub Repo stars GitHub last commit

📄 Table of contents

📚 General info

  • The Github API has a lot more detailed functionality available

📷 Screenshots

Ionic page

📶 Technologies

💾 Setup

  • npm i to install dependencies
  • ionic serve to start the server on localhost://8100

💻 Code Examples

  • Extract from user-search.page.html to search for Github repos using username input text
  <ion-searchbar
    color="primary"
    type="search"
    placeholder="search name"
    [debounce]="1000"
    (ionInput)="handleInput($event)"
  >
  </ion-searchbar>

🆒 Features

  • The side menu is activated by the burger menu and extends from the left hand side

📋 Status & To-do List

  • Status: Working menu system but page content to be added and fr & es texts to be corrected.
  • To-do: Fix dark mode switch mode, Info page, i18n, replace sidebar image. Change search result page to be a user profile with number of repos etc. and a photo.

👏 Inspiration

📁 License

  • This project is licensed under the terms of the MIT license.

✉️ Contact