This sample app demonstrates how to integrate the Descope authentication service into an Angular application. This application includes a login screen using Descope Angular SDK, a user dashboard to display user information and a navigation bar that dynamically adjusts based on the user's authentication state.
- Descope Login: Users can login with their Descope credentials.
- User Dashboard: After logging in, users are redirected to a dashboard which displays their information fetched using the Descope SDK.
- Navbar: A navigation bar that includes a login/logout button, which adjusts its display based on whether a user is logged in or not.
- Clone the repository:
git clone git@github.com:descope-sample-apps/angular-sample-app.git
- Install dependencies:
cd descope-angular-app
yarn install
- Setup environment variables:
-
Use the
environment.ts.example
file, located in/src/environments/environment.ts.example
, and change the name toenvironment.ts
. -
Fill in the variable
descopeProjectId
with your Project ID from Project Settings in the Console.
export const environment = {
production: false,
descopeProjectId: "<Descope Project ID>",
};
To start the application, run:
yarn start
Navigate to http://localhost:4200/
in your browser.
This project is a simple demonstration of integrating Descope into an Angular application. For any issues or suggestions, feel free to open an issue in the GitHub repository.
This project is licensed under the MIT License - see the LICENSE file for details.