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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

989ef5d Β· Apr 20, 2023

History

59 Commits
Jun 23, 2019
Jul 13, 2020
Apr 20, 2023
Jun 23, 2019
Jan 31, 2022
Nov 21, 2020
Apr 24, 2021
Apr 20, 2023
Sep 19, 2022
Jun 23, 2019
Apr 20, 2023
Apr 20, 2023
Nov 19, 2022
Jul 13, 2020

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