Awesome
<img width="1400" alt="image" src="https://github.com/descope-sample-apps/angular-sample-app/assets/32936811/c43be1ec-3d96-4d4f-9ac3-f4be474d5732">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.
Table of Contents 📝
Features ✨
- 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.
Installation 💿
- 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>",
};
Running the Application 🚀
To start the application, run:
yarn start
Navigate to http://localhost:4200/
in your browser.
Issue Reporting ⚠️
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.
License 📜
This project is licensed under the MIT License - see the LICENSE file for details.