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

  • To start the server on localhost://8100 type: 'ionic serve'

💻 Code Examples

  • Extract from app.component.html to create menu list from an array in the component file
<ion-list>
  <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index">
		<ion-item
			[routerLink]="p.url"
			routerLinkActive="active"
			routerDirection="root"
			(click)="onSidenavClose()">
      <ion-icon slot="start" [name]="p.icon" [class]="p.menuIcon"></ion-icon>
      <ion-label *ngIf="language==='en'">
        {{ p.title }}
      </ion-label>
      <ion-label *ngIf="language==='fr'">
        {{ p.titlefr }}
      </ion-label>
      <ion-label *ngIf="language==='sp'">
        {{ p.titlesp }}
      </ion-label>
	  </ion-item>
  </ion-menu-toggle>
</ion-list>

🆒 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.
  • To-do: Fix darkmode. Change search result page to be a user profile with number of repos etc. and a photo. Add user repo detail page.

👏 Inspiration

📁 License

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

✉️ Contact

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published