Skip to content

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 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. Add user repo detail page/ POST functions

👏 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

Contributors 2

  •  
  •