https://github.com/descope-sample-apps/angular-sample-app
This is a generic sample app, built in Angular, that showcases Descope Authentication using the Angular SDK.
https://github.com/descope-sample-apps/angular-sample-app
angular app authentication descope sample
Last synced: 6 months ago
JSON representation
This is a generic sample app, built in Angular, that showcases Descope Authentication using the Angular SDK.
- Host: GitHub
- URL: https://github.com/descope-sample-apps/angular-sample-app
- Owner: descope-sample-apps
- License: mit
- Created: 2023-07-21T05:53:48.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-26T00:51:10.000Z (6 months ago)
- Last Synced: 2025-04-26T01:39:48.051Z (6 months ago)
- Topics: angular, app, authentication, descope, sample
- Language: HTML
- Homepage:
- Size: 371 KB
- Stars: 19
- Watchers: 7
- Forks: 4
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular - angular-sample-app - This sample app demonstrates how to integrate the [Descope](https://www.descope.com) 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. (Site Templates / Free Templates)
- fucking-awesome-angular - angular-sample-app - This sample app demonstrates how to integrate the 🌎 [Descope](www.descope.com) 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. (Site Templates / Free Templates)
- fucking-awesome-angular - angular-sample-app - This sample app demonstrates how to integrate the [Descope](https://www.descope.com) 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. (Site Templates / Free Templates)
README
---
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 📝
1. [Features](#features)
2. [Installation](#installation)
3. [Running the Application](#running-the-application)
4. [Issue Reporting](#issue-reporting)
## 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 💿
1. Clone the repository:
```bash
git clone git@github.com:descope-sample-apps/angular-sample-app.git
```
2. Install dependencies:
```bash
cd descope-angular-app
yarn install
```
3. Setup environment variables:
* Use the `environment.ts.example` file, located in `/src/environments/environment.ts.example`, and change the name to `environment.ts`.
* Fill in the variable `descopeProjectId` with your Project ID from [Project Settings](https://app.descope.com/settings/project) in the Console.
```javascript
export const environment = {
production: false,
descopeProjectId: "",
};
```
## Running the Application 🚀
To start the application, run:
```bash
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](LICENSE) file for details.