Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thederickff/developertoolsusecases

Application used on the Browser Developer Tools - Using for everything udemy course. To show the usage of the developer tools
https://github.com/thederickff/developertoolsusecases

angular developer-tools ionic

Last synced: about 1 month ago
JSON representation

Application used on the Browser Developer Tools - Using for everything udemy course. To show the usage of the developer tools

Awesome Lists containing this project

README

        

# Developer Tools Use Cases
Application used to show the usage of the browser developer tools on the `Browser Developer Tools - Using for everything` udemy course.

## Project Install
1. Clone the project and install dependencies

```sh
git clone https://github.com/derickfelix/DeveloperToolsUseCases
cd DeveloperToolsUseCases/
npm install
```
2. Install Ionic CLI
```sh
npm install -g @ionic/cli
```
3. Serve
```sh
ionic serve
```
4. Preparing the project to run on android/ios apps later (Optional)
```sh
ionic build --prod
npx cap sync
```

## Running the app on android platform
1. Make sure you have `Android Studio` installed
2. Build the project
```sh
ionic build --prod
```
3. Copy the generated `www/` folder to the android app.
```sh
npx cap copy android
```
4. Open the `android/` folder with `Android Studio`
```sh
npx cap open android
```

## Running the app on ios platform
1. Make sure you are on a macos, and have `xcode` installed
2. Build the project
```sh
ionic build --prod
```
3. Copy the generated `www/` folder to the ios app.
```sh
npx cap copy ios
```
4. Open the `ios/` folder with `xcode`
```sh
npx cap open ios
```