https://github.com/hakimio/dx-akita

Akita state management integration with DevExtreme Angular components
https://github.com/hakimio/dx-akita

akita angular crud demo devextreme devextreme-angular jwt-authentication mono-repo nestjs nestjsx-crud nrwl-nx reactive responsive-design rxjs

Last synced: 21 days ago
JSON representation

Akita state management integration with DevExtreme Angular components

• Host: GitHub
• URL: https://github.com/hakimio/dx-akita
• Owner: hakimio
• License: mit
• Created: 2020-08-06T07:25:47.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-08-03T07:18:41.000Z (over 3 years ago)
• Last Synced: 2025-04-10T11:21:50.505Z (23 days ago)
• Topics: akita, angular, crud, demo, devextreme, devextreme-angular, jwt-authentication, mono-repo, nestjs, nestjsx-crud, nrwl-nx, reactive, responsive-design, rxjs
• Language: TypeScript
• Homepage:
• Size: 1.38 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DevExtreme Akita

"DevExtreme Akita" is a demo project meant to show how [DevExtreme Angular](https://js.devexpress.com/Overview/Angular/) 

and [Akita](https://datorama.github.io/akita/) can be used together. It's an unofficial project and the author is not 

affiliated with "DevExpress" or "Datorama" in any way.

![Ticket App](https://user-images.githubusercontent.com/768105/96586185-ee01c600-12e0-11eb-97c8-a5137473ca89.png)

## Features shown in the demo

- State management with Akita

- Responsive UI design

- Authentication with [JWT rotating refresh token](https://auth0.com/blog/securing-single-page-applications-with-refresh-token-rotation/#Introducing-Refresh-Token-Rotation)

## Running the demo locally

 

- Install dependencies

```bash

yarn install

```

- Copy `/apps/api/src/environments/environment.example.ts` to `environment.ts`

- Open `environment.ts` and update options in `typeOrm`  and `JWT` sections

- Import [MySQL dump](https://github.com/hakimio/dx-akita/files/5408162/ticket_app.zip) to your local MySQL database

- Build frontend theme:

```bash

yarn build:themes

```

- Start the backend:

```bash

yarn start:backend

```

- Start the frontend:

```bash

yarn start:frontend

```

- Open [localhost:4200](http://localhost:4200) in your browser and login with user `don`, password `admin`

- Optional step: install [Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)

 to monitor  application's state changes as you interact with it.

## Entity Relationship Diagram

![Entity Relationship Diagram](https://user-images.githubusercontent.com/768105/96582167-2dc5af00-12db-11eb-9abc-308f0a5b7b5b.png)

## License

MIT