|
34 | 34 | ## :signal_strength: Technologies
|
35 | 35 |
|
36 | 36 | * [Ionic v7](https://ionicframework.com/)
|
37 |
| -* [Angular v15](https://angular.io/) |
| 37 | +* [Angular v16](https://angular.io/) |
38 | 38 | * [Ionic/angular v7](https://www.npmjs.com/package/@ionic/angular)
|
39 | 39 | * [github API](https://developer.github.com/v3/search/#search-repositories)
|
40 | 40 |
|
41 | 41 | ## :floppy_disk: Setup
|
42 | 42 |
|
43 |
| -* To start the server on _localhost://8100_ type: 'ionic serve' |
| 43 | +* `npm i` to install dependencies |
| 44 | +* `ionic serve` to start the server on _localhost://8100_ |
44 | 45 |
|
45 | 46 | ## :computer: Code Examples
|
46 | 47 |
|
47 |
| -* Extract from `app.component.html` to create menu list from an array in the component file |
| 48 | +* Extract from `user-search.page.html` to search for Github repos using username input text |
48 | 49 |
|
49 | 50 | ```typescript
|
50 |
| -<ion-list> |
51 |
| - <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index"> |
52 |
| - <ion-item |
53 |
| - [routerLink]="p.url" |
54 |
| - routerLinkActive="active" |
55 |
| - routerDirection="root" |
56 |
| - (click)="onSidenavClose()"> |
57 |
| - <ion-icon slot="start" [name]="p.icon" [class]="p.menuIcon"></ion-icon> |
58 |
| - <ion-label *ngIf="language==='en'"> |
59 |
| - {{ p.title }} |
60 |
| - </ion-label> |
61 |
| - <ion-label *ngIf="language==='fr'"> |
62 |
| - {{ p.titlefr }} |
63 |
| - </ion-label> |
64 |
| - <ion-label *ngIf="language==='sp'"> |
65 |
| - {{ p.titlesp }} |
66 |
| - </ion-label> |
67 |
| - </ion-item> |
68 |
| - </ion-menu-toggle> |
69 |
| -</ion-list> |
| 51 | + <ion-searchbar |
| 52 | + color="primary" |
| 53 | + type="search" |
| 54 | + placeholder="search name" |
| 55 | + [debounce]="1000" |
| 56 | + (ionInput)="handleInput($event)" |
| 57 | + > |
| 58 | + </ion-searchbar> |
70 | 59 | ```
|
71 | 60 |
|
72 | 61 | ## :cool: Features
|
|
76 | 65 | ## :clipboard: Status & To-do List
|
77 | 66 |
|
78 | 67 | * Status: Working menu system but page content to be added and fr & es texts to be corrected.
|
79 |
| -* 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 |
| 68 | +* 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. |
80 | 69 |
|
81 | 70 | ## :clap: Inspiration
|
82 | 71 |
|
|
0 commit comments