Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rodrigokamada/angular-auth0-zenvia-sms

Application example using Angular 14 where a simple WEB application will be implemented using the Auth0 platform to authenticate and authorize the user and the ZENVIA platform to integrate with SMS channel in order to validate the user phone.
https://github.com/rodrigokamada/angular-auth0-zenvia-sms

angular auth0 authentication beginners dev-community frontend gh-actions gh-pages hacktoberfest sms tutorial zenvia

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/rodrigokamada/angular-auth0-zenvia-sms
Owner: rodrigokamada
License: mit
Created: 2022-03-26T01:03:40.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2022-08-23T12:21:42.000Z (over 2 years ago)
Last Synced: 2025-01-13T07:37:34.660Z (16 days ago)
Topics: angular, auth0, authentication, beginners, dev-community, frontend, gh-actions, gh-pages, hacktoberfest, sms, tutorial, zenvia
Language: TypeScript
Homepage: https://rodrigokamada.github.io/angular-auth0-zenvia-sms/
Size: 2.27 MB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md

Awesome Lists containing this project

README

        # Angular Auth0 ZENVIA SMS

Application example using [Angular](https://angular.io/) 14 where a simple WEB application will be implemented using the [Auth0](https://auth0.com/) platform to authenticate and authorize the user and the [ZENVIA](https://www.zenvia.com/) platform to integrate with SMS channel in order to validate the user phone.

This tutorial was posted on my [blog](https://rodrigo.kamada.com.br/blog/validando-o-telefone-do-usuario-por-sms-no-auth0-usando-a-zenvia) in portuguese and on the [DEV Community](https://dev.to/rodrigokamada/validating-the-user-phone-by-sms-on-auth0-using-zenvia-2ie3) in english.

[![Website](https://shields.braskam.com/v1/shields?name=website&format=rectangle&size=small&radius=5)](https://rodrigo.kamada.com.br)

[![LinkedIn](https://shields.braskam.com/v1/shields?name=linkedin&format=rectangle&size=small&radius=5)](https://www.linkedin.com/in/rodrigokamada)

[![Twitter](https://shields.braskam.com/v1/shields?name=twitter&format=rectangle&size=small&radius=5&socialAccount=rodrigokamada)](https://twitter.com/rodrigokamada)

[![Instagram](https://shields.braskam.com/v1/shields?name=instagram&format=rectangle&size=small&radius=5)](https://www.instagram.com/rodrigokamada/)

## Prerequisites

Before you start, you need to install and configure the tools:

* [git](https://git-scm.com/)

* [Node.js and npm](https://nodejs.org/)

* [Angular CLI](https://angular.io/cli)

* IDE (e.g. [Visual Studio Code](https://code.visualstudio.com/) or [WebStorm](https://www.jetbrains.com/webstorm/))

## Cloning the application

**1.** Clone the repository.

```shell

git clone [email protected]:rodrigokamada/angular-auth0-zenvia-sms.git

```

**2.** Install the dependencies.

```shell

npm ci

```

**3.** Change the `src/environments/environment.ts` file and add the [Auth0](https://app.zenvia.com/home/api) applications settings. 

**4.** Run the application.

```shell

npm start

```