Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/salah3x/most-starred-github-repos
A demo app that lists the most starred Github repos that were created in the last 30 days.
https://github.com/salah3x/most-starred-github-repos
android angular capacitor firebase-hosting github-api ionic travis-ci
Last synced: 8 days ago
JSON representation
A demo app that lists the most starred Github repos that were created in the last 30 days.
- Host: GitHub
- URL: https://github.com/salah3x/most-starred-github-repos
- Owner: salah3x
- License: gpl-3.0
- Created: 2019-09-05T00:08:55.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T21:02:21.000Z (over 1 year ago)
- Last Synced: 2023-03-07T10:06:01.608Z (over 1 year ago)
- Topics: android, angular, capacitor, firebase-hosting, github-api, ionic, travis-ci
- Language: TypeScript
- Homepage: https://most-starred-github-repos.web.app/
- Size: 2.87 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Most Starred Github Repos
![GitHub release](https://img.shields.io/github/release/salah3x/most-starred-github-repos.svg?color=%23f441be)
[![Build Status](https://travis-ci.org/salah3x/most-starred-github-repos.svg?branch=master)](https://travis-ci.org/salah3x/most-starred-github-repos)
![GitHub](https://img.shields.io/github/license/salah3x/most-starred-github-repos.svg?color=%232196F3)---
A demo web app that lists the most starred Github repos that were created in the last 30 days.
## Idea of the App
The task is to implement a small webapp that will list the most starred Github repos that were created in the last 30 days. You'll be fetching the sorted JSON data directly from the [Github API](https://api.github.com/search/repositories?q=created:>2017-10-22&sort=stars&order=desc)
---
## Development server
- First clone the repo: `git clone [email protected]:salah3x/most-starred-github-repos.git`
- Install dependencies for the app (assuming `node`, `npm` and `ionic` are already installed): `cd most-starred-github-repos && npm install`
- Run `ionic serve` for a dev server.
- Navigate to `http://localhost:8100/`.> The app will automatically reload if you change any of the source files.
## Build
Run `ionic build` to build the project. The build artifacts will be stored in the `www` directory.
> Use the `--prod` flag for a production build.
## Web deployment
- Install firebase tools: `npm install -g firebase-tools`
- Authenticate the cli and access Firebase projects: `firebase login`
- Deploy the Ionic PWA to Firebase: `firebase deploy`
> The deployment phase will automatically lint and build the project first.## Android/iOS
- First, build the app: `ionic build --prod`
- Next, add the platforms that you'd like to build for:
```
npx cap add ios
npx cap add android
```
> Upon running these commands, both `android` and `ios` folders at the root of the project are created. These are entirely separate native project artifacts that should be considered part of this app (i.e., check them into source control).
- From the Terminal, run the Capacitor copy command, which copies all web assets into the native iOS project: `npx cap copy`> Note: After making updates to the native portion of the code (such as adding a new plugin), use the sync command: `npx cap sync`
- Next, run the Capacitor open command, which opens the native project in Android Studio/Xcode:
```
npx cap open android
npx cap open ios
```
- Change the permissions in each project, generate the build artifacts and push them to the play/app store like you do in a normal Android/iOS project.## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Ionic CLI use `ionic help` or go check out the [Ionic CLI README](https://ionicframework.com/docs/cli).
To get started with firebase go to the [firebase console](https://console.firebase.google.com/) and create your first project.
To get more information about firebase cli use `firebase --help` or visit [the official docs](https://firebase.google.com/docs/cli/).
---
This project was generated with [Ionic CLI](https://github.com/ionic-team/ionic-cli) version 5.2.3.