GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - AndrewJBateman/ionic-angular-github: :clipboard: App to search for a Github profile using the Github API then display key info using ion-cards

BranchesTags
Open more actions menu

Latest commit

 

History

59 Commits
59 Commits

Folders and files

NameName
Last commit message
Last commit date
e2e
e2e
 
 
img
img
 
 
src
src
 
 
typings
typings
 
 
.gitignore
.gitignore
 
 
.markdownlint.json
.markdownlint.json
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
angular.json
angular.json
 
 
ionic.config.json
ionic.config.json
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 
tslint.json
tslint.json
 
 

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

  • ⚡ Ionic Angular Github
    • 📄 Table of contents
    • 📚 General info
    • 📷 Screenshots
    • 📶 Technologies
    • 💾 Setup
    • 💻 Code Examples
    • 🆒 Features
    • 📋 Status & To-do List
    • 👏 Inspiration
    • 📁 License
    • ✉️ Contact

📚 General info

  • The Github API has a lot more detailed functionality available

📷 Screenshots

Ionic page

📶 Technologies

  • Ionic v7
  • Angular v16
  • Ionic/angular v7
  • github API

💾 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

  • github API documentation

📁 License

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

✉️ Contact

  • Repo created by ABateman, email: [email protected]

About

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

Topics

angularangular16api-restdark-themegithub-apihtml5ionicionic7scssscss-stylestypescript4

Resources

Readme
MIT license
Activity

Stars

5 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.