Schematics for adding Okta and Auth0 Auth to your projects

Overview

OktaDev Schematics

NPM version Build Status Known Vulnerabilities

Fast and easy installation of Okta and Auth0's OIDC SDKs

This project is a Schematics implementation that allows you to easily integrate Okta and Auth0 into your Angular, React, Vue, Ionic, React Native, and Express projects.

This library currently supports:

Prerequisites: Node.js.

Use the links below to see how to create an app and integrate authentication using OktaDev Schematics.

To learn more about this project, see the following topics:

Angular

First, create an empty project with Angular CLI. You must add Angular routing for this schematic to work.

npm i -g @angular/cli
ng new secure-angular --routing
cd secure-angular

Then, integrate your Angular app with Okta or Auth0.

Okta for Angular

  1. Install the Okta CLI.
  2. Run okta register to create an account, followed by okta apps create.
  3. Choose Single Page App and use http://localhost:4200/callback for the Redirect URI.

In your secure-angular project, add @oktadev/schematics:

ng add @oktadev/schematics

Use the values that the Okta CLI provides for the issuer and client ID when prompted.

Run npm start, open http://localhost:4200 in your browser, and sign in. 🥳

See the Okta Angular SDK for more information.

You can also use the Okta Admin Console:

  • Log in to your Okta instance (or create an account if you don't have one). Go to Applications > Create App Integration > OIDC.
  • Choose Single-Page Application as the application type and click Next.
  • Add http://localhost:4200/callback as a Sign-in redirect URI and http://localhost:4200 as a Sign-out redirect URI.
  • Specify http://localhost:4200 as a Trusted Origin and click Save.

Auth0 for Angular

  1. Install the Auth0 CLI.
  2. Run auth0 login to register your account, followed by auth0 apps create.
  3. Specify a name and description of your choosing.
  4. Select Single Page Web Application and use http://localhost:4200/home for the Callback URLs.
  5. Use http://localhost:4200 for the rest of the URLs.

In your secure-angular project, add @oktadev/schematics with the --auth0 flag:

ng add @oktadev/schematics --auth0

Use the values that the Auth0 CLI provides for the issuer and client ID when prompted.

Run npm start, open http://localhost:4200 in your browser, and sign in. 🥳

See the Auth0 Angular SDK for more information.

You can also use the Auth0 Console:

  • Log in to Auth0 or create an account if you don't have one. Go to Applications > Create Application.
  • Choose Single Page Web Applications as the application type and click Create.
  • Select the Settings tab.
  • Add http://localhost:4200/home as an Allowed Callback URL and http://localhost:4200 as a Logout URL.
  • Specify http://localhost:4200 as an Allowed Origin and click Save Changes at the bottom.

React

Create a new project with Create React App.

npx create-react-app secure-react
cd secure-react

If you'd like to use TypeScript, add the --template typescript flag.

npx create-react-app secure-react --template typescript
cd secure-react

Then, integrate your React app with Okta or Auth0.

Okta for React

  1. Install the Okta CLI.
  2. Run okta register to create an account, followed by okta apps create.
  3. Choose Single Page App and use http://localhost:3000/callback for the Redirect URI.

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Then install and run the add-auth schematic in your secure-react project.

npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth

Use the values that the Okta CLI provides for the issuer and client ID when prompted.

Run npm start, open http://localhost:3000 in your browser, and sign in. 🎉

See the Okta React SDK for more information.

You can also use the Okta Admin Console:

  • Log in to your Okta instance (or create an account if you don't have one). Go to Applications > Create App Integration > OIDC.
  • Choose Single-Page Application as the application type and click Next.
  • Add http://localhost:3000/callback as a Sign-in redirect URI and http://localhost:3000 as a Sign-out redirect URI.
  • Add http://localhost:3000 as a Trusted Origin and click Save.

Auth0 for React

  1. Install the Auth0 CLI.
  2. Run auth0 login to register your account, followed by auth0 apps create.
  3. Specify a name and description of your choosing.
  4. Select Single Page Web Application and use http://localhost:3000 for the Callback URL.
  5. Use http://localhost:3000 for the rest of the URLs.

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Then install and run the add-auth schematic in your secure-react project with the --auth0 flag:

npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth --auth0

Use the values that the Auth0 CLI provides for the issuer and client ID when prompted.

Run npm start, open http://localhost:3000 in your browser, and sign in. 🎉

See the Auth0 React SDK for more information.

You can also use the Auth0 Console:

  • Log in to Auth0 or create an account if you don't have one. Go to Applications > Create Application.
  • Choose Single Page Web Applications as the application type and click Create.
  • Select the Settings tab.
  • Add http://localhost:3000 as an Allowed Callback URL and http://localhost:3000 as a Logout URL.
  • Specify http://localhost:3000 as an Allowed Origin and click Save Changes at the bottom.

Vue

Create a new project with Vue CLI. You must add routing for this schematic to work. If you specify TypeScript, a src/router/index.ts will be used.

npm i -g @vue/cli
vue create secure-vue
cd secure-vue

Then, integrate your Vue app with Okta or Auth0.

Okta for Vue

  1. Install the Okta CLI.
  2. Run okta register to create an account, followed by okta apps create.
  3. Choose Single Page App and use http://localhost:8080/callback for the Redirect URI.

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Then install and run the add-auth schematic in your secure-vue project.

npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth

Use the values that the Okta CLI provides for the issuer and client ID when prompted.

Run npm run serve, open http://localhost:8080 in your browser, and sign in. 💥

See the Okta Vue SDK for more information.

You can also use the Okta Admin Console:

  • Log in to your Okta instance (or create an account if you don't have one). Go to Applications > Create App Integration > OIDC.
  • Choose Single-Page Application as the application type and click Next.
  • Add http://localhost:8080/callback as a Sign-in redirect URI and http://localhost:8080 as a Sign-out redirect URI.
  • Add http://localhost:8080 as a Trusted Origin and click Save.

Auth0 for Vue

  1. Install the Auth0 CLI.
  2. Run auth0 login to register your account, followed by auth0 apps create.
  3. Specify a name and description of your choosing.
  4. Select Single Page Web Application and use http://localhost:8080 for the Callback URL.
  5. Use http://localhost:8080 for the rest of the URLs.

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Then install and run the add-auth schematic in your secure-react project with the --auth0 flag:

npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth --auth0

Use the values that the Auth0 CLI provides for the issuer and client ID when prompted.

Run npm run serve, open http://localhost:8080 in your browser, and sign in. 💥

See the Auth0 Vue SDK for more information.

You can also use the Auth0 Console:

  • Log in to Auth0 or create an account if you don't have one. Go to Applications > Create Application.
  • Choose Single Page Web Applications as the application type and click Create.
  • Select the Settings tab.
  • Add http://localhost:8080 as an Allowed Callback URL and http://localhost:8080 as a Logout URL.
  • Specify http://localhost:8080 as an Allowed Origin and click Save Changes at the bottom.

Ionic

Create a new Ionic + Angular project with Ionic CLI. You must use the tabs layout for everything to work correctly.

npm install -g @ionic/cli
ionic start secure-ionic tabs --type=angular --no-interactive 
cd secure-ionic

Then, integrate your Ionic app with Okta or Auth0.

Okta for Ionic

  1. Install the Okta CLI.
  2. Run okta register to create an account, followed by okta apps create.
  3. Choose Native and use [com.okta.dev-133337:/callback,http://localhost:8100/callback] for the Login redirect URIs (where dev-133337.okta.com is your Okta domain).
  4. Use [com.okta.dev-133337:/logout,http://localhost:8100/logout] for the Logout redirect URIs.

In your secure-ionic project, add @oktadev/schematics:

ng add @oktadev/schematics

Use the values that the Okta CLI provides for the issuer and client ID when prompted.

Start your app and authenticate with Okta. 🎊

ionic serve

You can also use the Okta Admin Console:

Log in to your Okta instance (or sign up if you don't have an account).

From the Applications page, choose Create App Integration > OIDC. Select Native Application.

Give your app a memorable name, and configure it as follows:

  • Sign-in redirect URIs:
    • http://localhost:8100/callback
    • com.okta.dev-133337:/callback (where dev-133337.okta.com is your Okta domain)
  • Sign-out redirect URIs:
    • http://localhost:8100/logout
    • com.okta.dev-133337:/logout
  • Trusted Origins:
    • http://localhost:8100
  • Click Save

Auth0 for Ionic

  1. Install the Auth0 CLI.
  2. Run auth0 login to register your account, followed by auth0 apps create.
  3. Specify a name and description of your choosing.
  4. Select Native and use dev.localhost.ionic:/callback,http://localhost:8100/callback for the Callback URLs.
  5. Use dev.localhost.ionic:/logout,http://localhost:8100/logout for the Logout URLs.
  6. Run auth0 apps open and add http://localhost:8100,http://localhost to Allowed Origins (CORS). Scroll down and Save Changes.

In your secure-ionic project, add @oktadev/schematics with the --auth0 flag:

ng add @oktadev/schematics --auth0

Use the values that the Auth0 CLI provides for the issuer and client ID when prompted.

Start your app and authenticate with Auth0. 🎊

ionic serve

You can also use the Auth0 Console:

  • Log in to Auth0 or create an account if you don't have one. Go to Applications > Create Application.
  • Choose Native as the application type and click Create.
  • Select the Settings tab.
  • Add dev.localhost.ionic:/callback,http://localhost:8100/callback for Allowed Callback URLs and dev.localhost.ionic:/logout,http://localhost:8100/logout for the Logout URLs.
  • Add http://localhost:8100,http://localhost to Allowed Origins (CORS). Scroll down and Save Changes.

iOS

Build and add Capacitor for iOS with the following commands:

ionic build
npm i @capacitor/ios
npx cap add ios

Add your custom scheme to ios/App/App/Info.plist:

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLName</key>
    <string>com.getcapacitor.capacitor</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>dev.localhost.ionic</string>
      <string>com.okta.dev-133337</string>
    </array>
  </dict>
</array>

Then, run your project using the Capacitor CLI:

npx cap run ios

You can also open your project in Xcode and configure code signing.

npx cap open ios

Then run your app from Xcode.

Android

Build and add Capacitor for Android with the following commands:

ionic build
npm i @capacitor/android
npx cap add android

Add your reverse domain name as the android:scheme in android/app/src/main/AndroidManifest.xml by adding another <intent-filter> above the existing one in the <activity> element.

<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT"/>
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="com.okta.dev-133337" /> <!-- use dev.localhost.ionic for Auth0 -->
</intent-filter>

Then, run your project using the Capacitor CLI:

npx cap run android

You can also open your project in Android Studio and run your app.

npx cap open android

See Ionic's iOS and Android Development docs for more information.

React Native

Create a new React Native project with the React Native CLI.

npx react-native init SecureApp

Then, integrate your React Native app with Okta or Auth0.

Okta for React Native

  1. Install the Okta CLI.
  2. Run okta register to create an account, followed by okta apps create.
  3. Choose Native and accept the default Redirect URI of com.okta.dev-133337:/callback (where dev-133337.okta.com is your Okta domain).
  4. Use com.okta.dev-133337:/logout for the Post Logout Redirect URI.

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Install and run the add-auth schematic in your SecureApp project.

cd SecureApp
npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth --issuer=$issuer --client-id=$clientId

You can also use the Okta Admin Console:

  • Log in to your Okta instance (or create an account if you don't have one). Go to Applications > Create App Integration > OIDC.
  • Choose Native as the application type and click Next.
  • Add com.okta.dev-133337:/callback as a Sign-in redirect URI and com.okta.dev-133337:/callback as a Sign-out redirect URI (where dev-133337.okta.com is your Okta domain).

Auth0 for React Native

  1. Install the Auth0 CLI.

  2. Run auth0 login to register your account, followed by auth0 apps create.

  3. Specify a name and description of your choosing.

  4. Select Native and use the following for your Callback and Logout URLs:

    org.reactjs.native.example.<yourappname>://<your-auth0-domain>/ios/org.reactjs.native.example.<yourAppName>/callback,com.<yourappname>://<your-auth0-domain>/android/com.<yourappname>/callback
    

NOTE: The <yourappname> and <yourAppName> placeholders is the iOS callback have different cases. The first is all lowercase and the second is camel case. For example:

org.reactjs.native.example.secureapp://dev-06bzs1cu.us.auth0.com/ios/org.reactjs.native.example.SecureApp/callback,com.secureapp://dev-06bzs1cu.us.auth0.com/android/com.secureapp/callback

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Install and run the add-auth schematic in your SecureApp project with the --auth0 flag.

cd SecureApp
npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth --issuer=$issuer --client-id=$clientId --auth0

You can also use the Auth0 Console:

  • Log in to Auth0 or create an account if you don't have one. Go to Applications > Create Application.

  • Choose Native as the application type and click Create.

  • Select the Settings tab.

  • Add the following for Allowed Callback and Logout URLs:

     org.reactjs.native.example.secureapp://<your-auth0-domain>/ios/org.reactjs.native.example.SecureApp/callback,com.secureapp://<your-auth0-domain>/android/com.secureapp/callback
    

iOS

Run npx pod-install.

Start your app and authenticate with Okta. 🎉

npm run ios

NOTE: If you have issues with compiling, you may have to disable Flipper in ios/Podfile. Then run npx pod-install again.

Android

One change is made to Android build files. In android/app/build.gradle, a manifestPlaceholders is added in android > defaultConfig.

Since this modification is done for you, you can simply start your app and authenticate with Okta. 🎊

npm run android

For more information, see the Okta React Native SDK and the Auth0 React Native SDK.

Express

Create a new project with express-generator and pug.

mkdir express-app
cd express-app
npx express-generator --view=pug

Then, integrate your Express app with Okta or Auth0.

Okta for Express

  1. Install the Okta CLI.
  2. Run okta register to create an account, followed by okta apps create.
  3. Choose Web > Other and use http://localhost:3000/callback for the Redirect URI.
  4. Accept the default Post Logout Redirect URI (http://localhost:3000/).

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Then install and run the add-auth schematic in your express-app project.

The Okta CLI will create an .okta.env file in the current directory. It will have the values you need. After you use them in the command below, you can delete this file.

npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth --issuer=$issuer \
  --client-id=$clientId --client-secret=$clientSecret

🚨 This process will create an .env file will be generated with your credentials. Make sure to add *.env to .gitignore and don't check it into source control!

Start your app and authenticate with Okta at http://localhost:3000. 🎊

npm start

See the Okta OIDC Middleware SDK for more information.

You can also create your app using the Okta Admin Console:

  • Log into the Okta Developer Dashboard (or create an account if you don't have one), click Applications then Create App Integration > OIDC.
  • Choose Web as the application type and click Next.
  • Add a Sign-in redirect URI of http://localhost:3000/callback.
  • Add a Sign-out redirect URI of http://localhost:3000.
  • Click Save.

Auth0 for Express

  1. Install the Auth0 CLI.
  2. Run auth0 login to register your account, followed by auth0 apps create.
  3. Specify a name and description of your choosing.
  4. Select Regular Web Application and use http://localhost:3000/callback for the Callback URL.
  5. Use http://localhost:3000 for the Logout URL.

Install the Schematics CLI globally.

npm install -g @angular-devkit/schematics-cli

Then install and run the add-auth schematic in your express-app project with the --auth0 flag.

Use the values that the Auth0 CLI provides for the issuer and client ID. You may have to use auth0 apps open to get the client secret for your app.

npm i -D @oktadev/schematics
schematics @oktadev/schematics:add-auth --issuer=$issuer \
  --client-id=$clientId --client-secret=$clientSecret --auth0

🚨 This process will create an .env file with your credentials. Make sure to add *.env to .gitignore and don't check it into source control!

Start your app and authenticate with Auth0 at http://localhost:3000. 🎊

npm start

See the Auth0 Express OpenID Connect SDK for more information.

You can also use the Auth0 Console:

  • Log in to Auth0 or create an account if you don't have one. Go to Applications > Create Application.
  • Choose Regular Web Application as the application type and click Create.
  • Select the Settings tab.
  • Add http://localhost:3000/callback as an Allowed Callback URL and http://localhost:3000 as a Logout URL.
  • Click Save Changes at the bottom.

Testing

This project supports unit tests and integration tests.

npm test will run the unit tests, using Jasmine as a runner and test framework.

./test-app.sh angular will create an Angular project with Angular CLI, install this project, and make sure all the project's tests pass. Other options include react, react-ts, vue, vue-ts, ionic, ionic, react-native, and express. You can also add -auth0 to any of these options.

./test-all.sh will test all the options for both Okta and Auth0: Angular, React, React with TypeScript, Vue, Vue with TypeScript, Ionic with Capacitor, React Native, and Express.

Publishing

To publish, simply do:

npm publish

That's it!

Contributing

If you'd like to modify this library, and contribute your changes, you can start by forking it to your own GitHub repository. Then, clone it to your hard drive.

git clone gi[email protected]:<your username>/schematics.git
cd schematics

Create a new branch for your changes:

git checkout -b my-awesome-branch

Make the changes you want to make and add tests where appropriate. Create a new project with whatever framework you're using, then run the following command inside it to use your modified project.

npm link /path/to/schematics

You'll need to run npm run build whenever you change anything in the schematics project.

NOTE: You can also use npm pack in your schematics project, then npm install /path/to/artifact.tar.gz in your test project.

Tutorials

Check out the following blog posts to see OktaDev Schematics in action.

Links

This project uses the following open source libraries from Okta:

And these from Auth0:

For Ionic, it uses Ionic AppAuth.

Help

Please post any questions as issues or ask them on the Okta Developer Forums or Auth0 Community Forums.

License

Apache 2.0, see LICENSE.

Comments
  • Manual Installation option / Okta sign-in widget CORS issues

    Manual Installation option / Okta sign-in widget CORS issues

    Hi,

    It seems that this plugin overwrites a lot of files and will actually corrupt a project in a sense if there is already an Okta configuration setup.

    I believe this would be useful if rather than forcing the automation of file changes, to simply install all the required plugins needed, and to have documentation that points you in the right direction, as I'm going to have to do this manually by looking at the included files.

    This seems like a great starting point for a fresh project, but for me with an existing project and routes/tabs, it will break my application.

    Some people have to integrate this manually, so simply providing how to do that can save developers with existing configurations time and effort.

    Great plugin, glad to see this exists and provides a clear way to integrate Okta authentication in PWAs.

    opened by bijanmmarkes 17
  • Issue in getting new access token

    Issue in getting new access token

    Hi, I have create a new ionic app with angular using the okta-dev/schematics and i am facing an issue where the user gets logged out automatically as the token expires and call to /token endpoint fails with the following error.

    Screen Shot 2020-11-16 at 5 35 17 pm

    I have allowded the grant type refresh token in my application created in okta. But what i have found is that the getValidToken() is causing this issue if the token in the local storage has expired. It tries to make a call to /token endpoint for a refreshToken with grant_type as refresh_token and thus it returns with the above error and gets the user logged out.

    `package.json

    { "name": "test", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "dev": "ionic serve", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "generate-types": "graphql-codegen --config codegen.yml" }, "private": true, "dependencies": { "@angular/common": "~10.0.0", "@angular/core": "~10.0.0", "@angular/forms": "~10.0.0", "@angular/platform-browser": "~10.0.0", "@angular/platform-browser-dynamic": "~10.0.0", "@angular/router": "~10.0.0", "@capacitor/android": "^2.4.1", "@capacitor/core": "^2.4.1", "@capacitor/ios": "^2.4.1", "@ionic-native/core": "^5.0.0", "@ionic-native/http": "5.27.0", "@ionic-native/secure-storage": "5.23.0", "@ionic-native/splash-screen": "^5.0.0", "@ionic-native/status-bar": "^5.0.0", "@ionic/angular": "^5.3.3", "@oktadev/schematics": "^2.2.0", "apollo-angular": "^2.0.4", "cordova-plugin-advanced-http": "3.0.0", "cordova-plugin-file": "^6.0.2", "cordova-plugin-safariviewcontroller": "1.6.0", "cordova-plugin-secure-storage-echo": "5.1.1", "ionic-appauth": "0.5.1", "jetifier": "^1.6.6", "rxjs": "~6.5.5", "tslib": "^2.0.0", "zone.js": "~0.10.3", "@apollo/client": "^3.0.0", "graphql": "^15.0.0" }, "devDependencies": { "@angular-devkit/build-angular": "~0.1000.0", "@angular/cli": "~10.0.5", "@angular/compiler": "~10.0.0", "@angular/compiler-cli": "~10.0.0", "@angular/language-service": "~10.0.0", "@capacitor/cli": "2.4.1", "@graphql-codegen/cli": "1.17.10", "@ionic/angular-toolkit": "^2.3.3", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", "codelyzer": "^6.0.0", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~5.0.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~3.3.0", "karma-jasmine-html-reporter": "^1.5.0", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~3.9.5", "@graphql-codegen/typescript-apollo-angular": "2.0.1", "@graphql-codegen/typescript": "1.17.10", "@graphql-codegen/typescript-operations": "1.17.8", "@graphql-codegen/introspection": "1.18.0" }, }`

    Thanks in Advance

    opened by dhaivat28Ezypay 6
  • Issue with a new empty Ionic 6, Angular 15 app on Android emulator/device

    Issue with a new empty Ionic 6, Angular 15 app on Android emulator/device

    After following the documented steps for setting up a new Ionic project, I am unable to authenticate with Okta on an Android device/emulator.

    The app works fine from a web browser. It also works fine via iOS. It seems that the app on android thinks it's running on localhost and so Okta is refusing the auth request due to a bad redirect url. If I add http://localhost as a redirect url in Okta, the android app successfully redirects to Okta. However, after signing in with Okta the redirect back to the app then fails. This is obviously because the native app is not running on the web and so it can't resolve the redirect url from Okta of http://localhost.

    Attached, is the starter project w/o node_modules. I simply added android to the project via capacitor. No custom content, additional plugins etc have been added. I'm just trying to get a starter project working with Okta from the web, ios and android.

    Any ideas how to resolve this issue with android? secure-ionic.zip

    opened by gsteindl 5
  • oktadev not working in cordova application

    oktadev not working in cordova application

    I getting following error ,

    Error: node_modules/capacitor-secure-storage-plugin/node_modules/@capacitor/core/types/definitions-internal.d.ts:16:18 - error TS2430: Interface 'CapacitorInstance' incorrectly extends interface 'CapacitorGlobal'. Types of property 'Plugins' are incompatible. Property 'SecureStoragePlugin' is missing in type '{ [pluginName: string]: { [prop: string]: any; }; }' but required in type 'PluginRegistry'.

    16 export interface CapacitorInstance extends CapacitorGlobal {

    
    node_modules/capacitor-secure-storage-plugin/dist/esm/definitions.d.ts:3:9
    3 SecureStoragePlugin: SecureStoragePluginPlugin;
    

    'SecureStoragePlugin' is declared here.

    Error: src/app/app.module.ts:9:10 - error TS2305: Module '"../../node_modules/@ionic/storage/dist/esm"' has no exported member 'IonicStorageModule'.

    9 import { IonicStorageModule } from '@ionic/storage';

    
    Error: ./src/app/app.module.ts 17:74-92
    "export 'IonicStorageModule' was not found in '@ionic/storage'
    
    Ionic Info;
    
    Ionic:
    
    Ionic CLI : 6.15.0
    Ionic Framework : @ionic/angular 5.6.7
    @angular-devkit/build-angular : 0.1102.13
    @angular-devkit/schematics : 11.2.13
    @angular/cli : 11.2.13
    @ionic/angular-toolkit : 3.1.1
    
    Utility:
    
    cordova-res : not installed
    native-run : not installed
    
    System:
    
    NodeJS : v14.17.0
    npm : 6.14.13
    OS : macOS Big Sur
    opened by kuttimania 5
  • devDependency or dependency?

    devDependency or dependency?

    In the docs you sometimes use npm i @oktadev/schematics and sometimes npm i -D @oktadev/schematics`.

    Is this a devDepndency in general or does it depend on the setup? Because this is not clear and currently @oktadev/schematics uses a dependency with vulnerabilities (ini 1.3.5, loaded by schematics-utilities 2.0.2).

    See https://snyk.io/vuln/SNYK-JS-INI-1048974

    opened by DanielRuf 5
  • Running into an error with npm install

    Running into an error with npm install

    opened by alecnicolas 5
  • Okta - failure in SecureStorage remove issue on logout- ionic cordova app on iOS

    Okta - failure in SecureStorage remove issue on logout- ionic cordova app on iOS

    we are getting below error when logging out from app.

    Unhandled Promise rejection: Failure in SecureStorage.remove() - The specified item could not be found in the keychain ; Zone: ; Task: Promise.then ; Value: Error: Failure in SecureStorage.remove() - The specified item could not be found in the keychain fail@ionic://localhost/plugins/cordova-plugin-secure-storage-echo/www/securestorage.js:42:45 callbackFromNative@ionic://localhost/cordova.js:297:57 @ionic://localhost/plugins/cordova-plugin-ionic-webview/src/www/ios/ios-wkwebview-exec.js:129:35 @ionic://localhost/polyfills.js:173:53 @ionic://localhost/polyfills.js:1331:41 @ionic://localhost/polyfills.js:218:61 drainMicroTaskQueue@ionic://localhost/polyfills.js:633:46 promiseReactionJob@[native code] try { newFunc.apply(console, args); } catch (e) {} }; } // ------------------------------------------------------------------------------ // For every function that exists in the original console object, that // also exists in the new console object, wrap the new console method // with one that calls both // ------------------------------------------------------------------------------ for (var key in console) {    if (typeof WinConsole[key] === 'function') {        console[key] = wrappedOrigCall(WinConsole[key], console[key]);   } } }); // file: ../cordova-ios/cordova-js-src/plugin/ios/launchscreen.js define("cordova/plugin/ios/launchscreen", function(require, exports, module) { var exec = require('cordova/exec'); var launchscreen = {    show: function () {        exec(null, null, 'LaunchScreen', 'show', []);   },    hide: function () {        exec(null, null, 'LaunchScreen', 'hide', []);   } }; module.exports = launchscreen; Resource Scope Chain Type MIME Type text/javascript Resource Type Script Location Full URL ionic://localhost/cordova.js Scheme ionic Host localhost Path /cordova.js Filename cordova.js Request & Response Method — Protocol — Priority — Cached No Status — Code — Error IP Address — Connection ID

    When we try to re-login,(It might be setting the token in secure storage again) it throws exception and couldn't proceed with the app again.

    _[Log] sign In (cordova.js, line 1413, x2) [Log] Checking to see if there is an authorization response to be delivered. (cordova.js, line 1413) [Error] ERROR Error: Uncaught (in promise): Error: advanced-http: "data" option is configured to support only following data types: Array, Object processData@ionic://localhost/plugins/cordova-plugin-advanced-http/www/helpers.js:418:22 sendRequest@ionic://localhost/plugins/cordova-plugin-advanced-http/www/public-interface.js:178:28 post@ionic://localhost/plugins/cordova-plugin-advanced-http/www/public-interface.js:200:39 @ionic://localhost/vendor.js:2824:45 @ionic://localhost/vendor.js:2784:25 ZoneAwarePromise@ionic://localhost/polyfills.js:1353:41 tryNativePromise@ionic://localhost/vendor.js:2783:31 wrapPromise@ionic://localhost/vendor.js:2807:23 @ionic://localhost/vendor.js:23678:77 generatorResume@[native code] @ionic://localhost/vendor.js:30934:75 ZoneAwarePromise@ionic://localhost/polyfills.js:1353:41 _awaiter@ionic://localhost/vendor.js:30930:36 generatorResume@[native code] fulfilled@ionic://localhost/vendor.js:30931:62 onInvoke@ionic://localhost/vendor.js:112176:31 @ionic://localhost/polyfills.js:173:53 @ionic://localhost/polyfills.js:1331:41 onInvokeTask@ionic://localhost/vendor.js:112164:35 @ionic://localhost/polyfills.js:218:61 drainMicroTaskQueue@ionic://localhost/polyfills.js:633:46 promiseReactionJob@[native code] resolvePromise — zone.js:1255 (anonymous function) — zone.js:1162 rejected — tslib:72:89 onInvoke — core.mjs:25476 (anonymous function) — zone.js:160 (anonymous function) — zone.js:1318 onInvokeTask — core.mjs:25463 (anonymous function) — zone.js:205 drainMicroTaskQueue — zone.js:620

    opened by ahamedpeer 4
  • Okta logout Issue - User can able to login the app without giving credentials  -IOS

    Okta logout Issue - User can able to login the app without giving credentials -IOS

    I logged in my ionic application with my okta credentials. After successful login, I logged out. Now, i am trying to login. app logged it automatically without asking for credentials and landing me in home page. as of now, i am clearing history and website data in safari settings. Then only its asking for credentials. We are using shard device and have to allow multiple users to login in same device .

    await this.auth.signOut();

    Ionic:

    Ionic CLI : 6.16.1 Ionic Framework : @ionic/angular 5.6.9 @angular-devkit/build-angular : 0.901.15 @angular-devkit/schematics : 11.2.9 @angular/cli : 9.1.15 @ionic/angular-toolkit : 2.3.3

    Cordova:

    Cordova CLI : 10.0.0 Cordova Platforms : ios 5.1.1 Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1

    Utility: cordova-res : 0.15.3

    System: ios-deploy : 1.11.4 ios-sim : 8.0.2 NodeJS : v14.17.0 npm : 6.14.13 OS : macOS Big Sur Xcode : Xcode 12.5.1 Build version 12E507

    opened by kuttimania 3
  • Unable To Obtain Server Configuration in ios simulator

    Unable To Obtain Server Configuration in ios simulator

    Having issue in ios simulator while using "ionic-native-http-connection-backend"

    Package: "@angular/cli": "~10.0.5", "@oktadev/schematics": "^3.0.0", "ionic-native-http-connection-backend": "^8.0.0" (without out this package its working )

    opened by kuttimania 3
  • AuthSdkError: Unable to retrieve OAuth redirect params storage

    AuthSdkError: Unable to retrieve OAuth redirect params storage

    Having trouble adding Okta auth to Ionic(Capacitor) app.

    I am building Ionic(capacitor)/React mobile app. In documentation it seems that instructions for Okta setup is for Ionic/Angular app.

    Below are the steps that I took:

    1. Created an Application in Okta(+ added Login redirect URI)
    2. npm install -g @angular-devkit/schematics-cli
    3. npm i @oktadev/schematics
    4. schematics @oktadev/schematics:add-auth (pasted issuer URL and Client ID)

    App works for Web.

    Then, I moved to iOS integration.

    1. ionic build
    2. npx cap add ios
    3. npx cap open ios
    4. Added custom scheme to ios/App/App/Info.plist

    Then I ran XCode. When I press login button I am being redirected to safari Native browser which opens up Okta login page. I put my credentials(mail,password), app seems to redirect to 192.168.100.2:8100/callback?code="....." where I get this error:

    "AuthSdkError: Unable to retrieve OAuth redirect params storage

    I am thinking app should redirect back to the mobile app but not sure how it can be done from safari. One thing to point out, I do not have an apple account yet, just testing it out.

    opened by nikasvan 3
  • React in Ionic

    React in Ionic

    It's hard to tell based on the documentation and examples whether this should be usable with React within Ionic. I've been attempting to tackle the problem of wrapping our React app in Ionic, and we use Okta (both okta-auth-js and okta-react) for authentication. With capacitor using capacitor:// for requests within ios I haven't been able to make any progress due to Okta CORS configuration.

    @mraible I noticed your issue here https://github.com/wi3land/ionic-appauth-capacitor-demo/issues/2 and had hoped there would be some way to pass an http client to the Okta React SDK (and okta-auth-js for that matter) but again, I haven't had much luck.

    opened by DarrenAllen 3
Releases(v6.1.0)
  • v6.1.0(Jan 25, 2023)

    What’s Changed

    • Updated core dependencies to Angular 15 and TypeScript 4.9
    • Upgraded to 2.0 versions of Auth0's Angular, React, and Vue SDKs
    • Minor version upgrades for:
      • @okta/okta-auth-js
      • @okta/okta-react-native
      • express-openid-connect
      • react-native-auth0

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta/Auth0 to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v6.0.2...v6.1.0

    Source code(tar.gz)
    Source code(zip)
  • v6.0.2(Oct 29, 2022)

    What’s Changed

    • Minor updates to project dependencies
    • SDK upgrades and dependency upgrades:
      • @auth0/auth0-angular from 1.10.1 to 1.11.0
      • @auth0/auth0-react from 1.11.0 to 1.12.0
      • @okta/okta-auth-js from 6.8.1 to 7.0.1
      • @okta/okta-angular from 5.2.0 to 6.0.0
      • @okta/okta-react from 6.6.0 to 6.7.0
      • @okta/okta-react-native from 2.6.0 to 2.7.0
      • @okta/okta-vue from 5.4.0 to 5.5.0
      • express-openid-connect from 2.8.0 to 2.9.0
      • react-native-auth0 from 2.13.3 to 2.14.0

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta/Auth0 to your JavaScript and TypeScript applications. You might also like a recent blog post about this project: Quick JavaScript Authentication with OktaDev Schematics.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v6.0.1...v6.0.2

    Source code(tar.gz)
    Source code(zip)
  • v6.0.1(Sep 16, 2022)

    What’s Changed

    • Moved npm-check-updates to dependencies (#957)
    • Patch updates for project dependencies (#958 and https://github.com/oktadev/schematics/commit/638c45c0ffe1d3c4037f411a353946b3b960c92b)
    • SDK upgrades and dependency upgrades:
      • @okta/oidc-middleware from 4.5.1 to 5.0.0
      • @auth0/auth0-react from 1.10.2 to 1.11.0
      • react-router-dom from 6.3.0 to 6.4.0
      • @okta/okta-auth-js from 6.7.7 to 6.8.1
      • @okta/okta-vue from 5.3.0 to 5.4.0
    Source code(tar.gz)
    Source code(zip)
  • v6.0.0(Sep 5, 2022)

    What’s Changed

    • Upgraded to Angular 14 and React 18 (#883)
    • Auth0 is now supported for all frameworks! 🤩
      • Angular (#684 from v5.1.0)
      • React (#934)
      • Vue (#936)
      • Ionic (#928 and #718 from v5.2.0)
      • React Native (#937)
      • Express (#938)
    • Upgraded to Ionic AppAuth 0.9.0 with support for Capacitor 4 (#950)
    • Removed Cordova as a supported option (#926)
    • Removed Vue 2 as an option (#925)
    • Fixed Android on Capacitor (#849)
    • Add nightly build to verify compatibility with the latest framework CLIs (#941)

    NOTE: If you'd like to see how the templates differ between Okta and Auth0, you can view the templates on GitHub.

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta/Auth0 to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v5.2.2...v6.0.0

    Source code(tar.gz)
    Source code(zip)
  • v5.2.2(Feb 7, 2022)

    What’s Changed

    • Fix injection in Angular interceptor (#782)

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v5.2.1...v5.2.2

    Source code(tar.gz)
    Source code(zip)
  • v5.2.1(Feb 7, 2022)

    What’s Changed

    • Upgrade Angular dependencies to 13.2.1

    • Update tests for Angular 13 (#780)

    • Bump TypeScript from 4.5.2 to 4.5.4 (#741)

    • Upgrade Auth0 and Okta SDKs (#758 and #773)

      @auth0/auth0-angular       1.8.1  →   1.8.2
      @okta/okta-angular         5.0.0  →   5.1.1
      @okta/okta-react           6.3.0  →   6.4.2
      @okta/okta-vue             5.0.2  →   5.1.1
      @okta/okta-auth-js         5.9.1  →   6.0.0
      @okta/okta-react-native    2.2.0  →   2.3.0
      @okta/oidc-middleware      4.3.0  →   4.5.1
      
    • Minor updates of dependencies

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v5.2.0...v5.2.1

    Source code(tar.gz)
    Source code(zip)
  • v5.2.0(Dec 9, 2021)

    What’s Changed

    • Add support for Auth0 in Ionic (#718)
    • Add support for Angular 13 (#733 and #737)
    • Bump TypeScript from 4.4.4 to 4.5.2 (#725)
    • Upgrade internal Angular libraries to v13
    • Minor updates of dependencies

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v5.1.3...v5.2.0

    Source code(tar.gz)
    Source code(zip)
  • v5.1.3(Oct 30, 2021)

    What’s Changed

    • Minor updates of dependencies (#712)
     @okta/okta-auth-js            5.5.0  →  5.6.0     
     @types/react-router-dom       5.3.0  →  5.3.2     
     @okta/okta-react-native       2.1.1  →  2.1.2     
     cordova-plugin-advanced-http  3.2.1  →  3.2.2     
     @capacitor/splash-screen      1.1.3  →  1.1.5     
     @okta/oidc-middleware         4.2.0  →  4.3.0     
     @auth0/auth0-angular          1.7.0  →  1.8.0
    

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v5.1.2...v5.1.3

    Source code(tar.gz)
    Source code(zip)
  • v5.1.2(Oct 30, 2021)

    What’s Changed

    • Minor updates of dependencies (Angular to 12.2.12)
    • Fix Angular interceptor for RxJS 7 and Angular 13 (#700)

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Full Changelog

    https://github.com/oktadev/schematics/compare/v5.1.1...v5.1.2

    Source code(tar.gz)
    Source code(zip)
  • v5.1.1(Oct 5, 2021)

    What’s Changed

    • Fix Unknown option: '--auth0' when using ng add (https://github.com/oktadev/schematics/commit/4fe31af8fdd1af7d10c687e4fd50b48821753831)
    • Update documentation for Auth0 (https://github.com/oktadev/schematics/commit/858f3771c23b8cc6ba9183a5b0d17f53627ebcf6)

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Source code(tar.gz)
    Source code(zip)
  • v5.1.0(Oct 4, 2021)

    What’s Changed

    • Add support for Angular + Auth0 (#684)
    • Fix React Native with npm 7 (#682)
    • Upgrade to Ionic AppAuth 0.8.5
    • Upgrade Okta SDKs to latest releases

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Source code(tar.gz)
    Source code(zip)
  • v5.0.1(Aug 11, 2021)

  • v5.0.0(Aug 4, 2021)

    What’s Changed

    • Upgrade to Angular Schematics 12.1 (https://github.com/oktadev/schematics/pull/607)
    • Upgrade to Ionic AppAuth 0.8.4 (https://github.com/oktadev/schematics/pull/637)
    • Upgrade Okta SDKs to latest releases (https://github.com/oktadev/schematics/pull/636)

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    ⚠️ Support for Cordova + Ionic and Vue 2 are deprecated and will be removed in the next major release. Please use Capacitor and Vue 3 instead.

    Source code(tar.gz)
    Source code(zip)
  • v4.1.2(May 24, 2021)

  • v4.1.1(May 20, 2021)

    What’s Changed

    • Add support for Capacitor 3.0! 🎊
    • Document Okta Admin Console updates
    • Add TypeScript as a dependency for non-TypeScript projects

    Get Started

    See this project's documentation to see how you can use it to add OIDC with Okta to your JavaScript and TypeScript applications.

    Source code(tar.gz)
    Source code(zip)
  • v4.1.0(May 14, 2021)

  • v4.0.0(Apr 22, 2021)

  • v3.5.0(Apr 20, 2021)

    What’s Changed

    • Upgrade to Okta Auth JS v4.9.0
    • Upgrade to Okta Angular v3.1.0
    • Upgrade to Okta React v5.1.1
    • Bump ssri from 6.0.1 to 6.0.2 (#557) @dependabot
    • Update SDKs and read them from package-sdks.json file (#555) @mraible
    • Adding pod 'OktaOidc' is no longer necessary (#539) @mraible
    • Many other minor updates thanks to @dependabot

    Get Started

    See this project's documentation to see how to get started.

    Source code(tar.gz)
    Source code(zip)
  • v3.4.1(Mar 24, 2021)

    What’s Changed

    • Upgrade to Okta React Native 1.10.0 (#537) @mraible
    • Minor upgrades to Angular Schematics and Jasmine

    Get Started

    See this project's documentation to see how to get started. All of the following frameworks are supported:

    • Angular
    • React
    • Vue
    • Ionic
    • React Native
    • Express

    NOTE: For React and Vue, both JavaScript and TypeScript are supported.

    Source code(tar.gz)
    Source code(zip)
  • v3.4.0(Mar 17, 2021)

    What’s Changed

    • Update instructions for Okta Admin Console (#531) @mraible
    • Upgrade to Ionic Storage 3.0.2 (#530) @mraible
    • Upgrade to Okta Auth JS 4.8.0 (#529) @mraible
    • Upgrade to Okta React 5.0.0 (#526) @mraible
    • Upgrade to Okta React Native 1.9.3
    • Update Okta SDKs and related dependencies (#525) @mraible
    • Fix Ionic compilation (#500) @mraible

    The Okta React SDK 5.x is a major release that includes breaking changes. See its migration guide for more information.

    Get Started

    See this project's documentation to see how to get started. All of the following frameworks are supported:

    • Angular
    • React
    • Vue
    • Ionic
    • React Native
    • Express

    NOTE: For React and Vue, both JavaScript and TypeScript are supported.

    Source code(tar.gz)
    Source code(zip)
  • v3.3.0(Jan 20, 2021)

    What’s Changed

    • Update to Okta React Native 1.7.0 and Auth JS 4.6.1 (#488) @mraible
    • Fix React Native for Okta React Native 1.6.0 (#487) @mraible
    • Bump @angular-devkit/schematics from 11.0.6 to 11.0.7 (#484) @dependabot
    • Bump @angular-devkit/core from 11.0.6 to 11.0.7 (#483) @dependabot
    • Bump @schematics/angular from 11.0.6 to 11.0.7 (#485) @dependabot
    • Bump @types/node from 14.14.20 to 14.14.21 (#486) @dependabot
    • Add Release Drafter (#482) @mraible
    • Upgrade React Native SDK to 1.6.0 (#481) @mraible

    Get Started

    See this project's documentation to see how to get started. All of the following frameworks are supported:

    • Angular
    • React
    • Vue
    • Ionic
    • React Native
    • Express

    NOTE: For React and Vue, both JavaScript and TypeScript are supported.

    Source code(tar.gz)
    Source code(zip)
  • v3.2.0(Jan 11, 2021)

  • v3.1.0(Nov 24, 2020)

    • Upgrades to Okta React 4.0 with TypeScript support! 💥 See #458 for changes required.
    • Upgrades Angular Schematics to v11, removing experimental APIs.
    • Adds instructions for using the Okta CLI to create apps.
    • Fixes React Native tests and Podfile updates.

    The Okta React SDK 4.x is a major release that includes breaking changes. See its migration guide for more information.

    See this project's documentation to see how to get started. All of the following frameworks are supported:

    • Angular
    • React
    • Vue
    • Ionic
    • React Native
    • Express
    Source code(tar.gz)
    Source code(zip)
  • v3.0.1(Nov 10, 2020)

    This release upgrades Okta SDKs and other dependencies.

     @okta/okta-angular              2.2.0  →   3.0.1   
     @okta/okta-react                3.0.7  →   3.0.8   
     @types/react-router-dom         5.1.5  →   5.1.6   
     @okta/okta-react-native         1.4.1  →   1.4.4   
     react-dom                     16.13.1  →  17.0.1   
     @types/okta__okta-vue           1.2.1  →   1.2.2   
     cordova-plugin-advanced-http    3.0.1  →   3.1.0   
     @ionic-native/http             5.28.0  →  5.29.0
    

    The Okta Angular SDK 3.x is a major release and includes breaking changes. See its migration guide for more information.

    See this project's documentation to see how to get started. All of the following frameworks are supported:

    • Angular
    • React
    • Vue
    • Ionic
    • React Native
    • Express
    Source code(tar.gz)
    Source code(zip)
  • v3.0.0(Sep 29, 2020)

    This release upgrades Okta SDKs, other dependencies, and makes Capacitor the default for Ionic apps. 😃

    @okta/okta-angular             2.1.0  →   2.2.0
    @okta/okta-react               3.0.4  →   3.0.7
    enzyme-adapter-react-16       1.15.2  →  1.15.4
    @okta/okta-vue                 2.0.0  →   2.1.1
    @types/okta__okta-vue          1.2.0  →   1.2.1
    ionic-appauth                  0.5.1  →   0.7.2
    @ionic/storage                 2.3.0  →   2.3.1
    cordova-plugin-advanced-http   3.0.0  →   3.0.1
    @ionic-native/http            5.27.0  →  5.28.0
    

    The Ionic AppAuth upgrade required a large refactoring. Now, the OIDC issuer and clientId are set in Angular's environment.ts file. There's also a hidden feature that's used by Ionic for JHipster: if you pass in a configUri parameter, it'll make it so your configuration is bootstrapped from that endpoint.

    NOTE: If you're running Ionic on Android, there are a couple of steps (noted in the README) that you'll need to run:

    Capacitor: after running npx cap add android and setting your custom scheme, run the following commands to upgrade plugins to AndroidX.

    npm install jetifier
    npx jetify
    npx cap sync android
    

    Cordova: after opening your App in Android Studio, you might get a Gradle error. If you do, go to File > Project Structure and change the Android Gradle Plugin to 4.0.1.

    See this project's documentation to see how to get started. All of the following frameworks are supported:

    • Angular
    • React
    • Vue
    • Ionic
    • React Native
    • Express
    Source code(tar.gz)
    Source code(zip)
  • v2.2.0(Aug 7, 2020)

  • v2.1.1(May 20, 2020)

  • v2.1.0(May 18, 2020)

  • v2.0.2(Apr 7, 2020)

  • v2.0.1(Apr 6, 2020)

Owner
Okta Developer
Okta developer projects, example apps, etc.
Okta Developer
Build an end-to-end e-commerce App with Vue, Nuxt, and appbase.io. Uses Auth0 for authentication, Stripe for checkout, and Heroku / Vercel for deployment.

Build an end-to-end e-commerce App with Vue, Nuxt, and appbase.io (for building search). Uses Auth0 for authentication, Stripe for checkout, and Heroku / Vercel for deployment.

null 12 Dec 19, 2022
App that performs CRUD operations in which users can track projects, tasks under projects, total duration of each project and task. Project is being build with Nuxt js 3, Axios, Pinia, Bootstrap 5 and Vue composition API

Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install # npm npm ins

Sergio Terrero 2 Nov 1, 2022
This repository provides an automated solution for adding AWS Backup to AWS Amplify applications that use AWS AppSync with default GraphQL resolvers for DynamoDB tables.

aws-backup-amplify-appsync AWS Amplify makes it easy to build full stack front end UI apps with backends and authentication. AWS AppSync adds serverle

AWS Samples 3 Dec 26, 2022
Culture-hub - A basic Vue.js dashboard template integrated with Firebase Auth and build with Vue Material

culture-hub A basic Vue.js dashboard template integrated with Firebase Auth and

Víctor Fernández Portero 3 May 6, 2022
A simple app using Firebase Auth to authenticate users, and using Vuex to manage state.

Firebase Auth for Vite This project was created with Vite. This is a simple app using Firebase Auth to authenticate users, and using Vuex to manage st

俞又嘉 5 Dec 2, 2022
My-blog - learn Vuex 4 Firebase Auth tutorial from the Net Ninja YouTube channel.

My-blog - learn Vuex 4 Firebase Auth tutorial from the Net Ninja YouTube channel.

Sean Wong 0 Jan 5, 2022
An app for managing your JavaScript projects

Projectile An app that will help you to manage your JavaScript projects with GUI Download Download Features Install or update your project dependencie

Ahmad Kholid 128 Nov 30, 2022
A collection of ideas and projects that contain from beginner to advance 🎯🚀

IdeaHub A collection of ideas and projects that contain from beginner to advance ?? ?? Categories ✨ Desktop Application Basic Intermediate Game Basic

Make Contributions 113 Jan 2, 2023
🎲 A curated list of MLOps projects, tools and resources

Curated list of useful MLOps projects, tools and resources. Visit at https://mlops.toys! Contribute We'd love your help! If we missed a project, pleas

aporia 162 Jan 3, 2023
A great way to structure and bootstrap VueJS + Vuetify + API projects

crud-vuetify-structured-template boilerplate ?? A full-featured Vuejs + Vuetify + Great structure project template + API Ready ?? It's using latest Vu

Roger Camargo 23 Nov 4, 2022
My collection of headless utils and Vue.js components I use across projects.

headless-utils My collection of headless utils and Vue.js components I use across projects. Installation Install this GitHub Repo globally in your pro

Fabian Beer 1 Feb 9, 2022
An accurate and verified list of production-ready projects made with Appwrite

An accurate and verified list of production-ready projects made with Appwrite

Fabian Reyes 7 Nov 17, 2022
Browsilo - A simple HTML file browser. One file. Made with Vue.js. Great for simple projects.

Browsilo - A simple HTML file browser. One file. Made with Vue.js. Great for simple projects.

Jacopo Valanzano 7 May 12, 2022
Form helpers for Laravel backed Vue.js projects.

vue-laravel-forms Form helpers for Laravel backed Vue.js projects. Disclaimer: This plugin is still in a BETA state Installation Install package via N

Matt Trask 116 Jul 15, 2022
Example projects for the Cypress vs. Playwright rematch. LET THE CODE SPEAK!

Cypress vs. Playwright: The Rematch This repository holds the code for the Applitools webinar, Cypress vs. Playwright: The Rematch! The battle DING DI

Applitools 7 Sep 9, 2022
Flutter ARB is a web editor for creating and editing your .arb files needed for internationalising your Flutter applications.

Flutter ARB Editor Description This is a web editor for .arb files, which are required for internationalizing flutter applications using the official

null 9 Dec 14, 2022
Reading Ruler is a cross-platform (Windows/macOS/Linux) desktop app which displays translucent boxes on your screen to guide your eyes while reading.

Reading Ruler (beta version) Read better using a digital ruler. Reading Ruler is a cross-platform (Windows/macOS/Linux) desktop app which displays tra

Carl Enlund 18 Nov 16, 2021
Forget the past. Social Amnesia makes sure your social media accounts only show your posts from recent history, not from "that phase" 5 years ago.

Social Amnesia Social Amnesia aims to make your social media (twitter/reddit) only exist within a time period that you choose. For many people, there

Nicholas Gottschlich 759 Dec 28, 2022
Use your tablet (Android, iPad OS or Windows) as your osu digitizer!

Use your tablet (Android, iPad OS or Windows) as your osu digitizer!

Teages 3 Sep 3, 2022