A demo web app that lists the most starred Github repos that were created in the last 30 days.
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
- First clone the repo:
git clone [email protected]:salah3x/most-starred-github-repos.git
- Install dependencies for the app (assuming
node
,npm
andionic
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.
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.
- 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.
-
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
andios
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Ionic CLI use ionic help
or go check out the Ionic CLI README.
To get started with firebase go to the firebase console and create your first project.
To get more information about firebase cli use firebase --help
or visit the official docs.
This project was generated with Ionic CLI version 5.2.3.