https://github.com/andrewjbateman/nx-angular-data
:clipboard: Nx mono-repo with Angular app to display instrument data
https://github.com/andrewjbateman/nx-angular-data
angular instruments monorepo nestjs nx nx-workspace rfc4122 swagger typescript uuid uuid-generator
Last synced: about 2 months ago
JSON representation
:clipboard: Nx mono-repo with Angular app to display instrument data
- Host: GitHub
- URL: https://github.com/andrewjbateman/nx-angular-data
- Owner: AndrewJBateman
- Created: 2021-08-24T09:45:40.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-26T16:52:48.000Z (almost 5 years ago)
- Last Synced: 2025-08-22T16:51:21.330Z (10 months ago)
- Topics: angular, instruments, monorepo, nestjs, nx, nx-workspace, rfc4122, swagger, typescript, uuid, uuid-generator
- Language: TypeScript
- Homepage:
- Size: 9.99 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :zap: Nx Angular Data
* Nx monorepo with Angular app to display data from a NestJS backend API
* **Note:** to open web links in a new window use: _ctrl+click on link_
## :page_facing_up: Table of contents
* [:zap: Nx Angular Data](#zap-nx-angular-data)
* [:page_facing_up: Table of contents](#page_facing_up-table-of-contents)
* [:books: General info](#books-general-info)
* [:camera: Screenshots](#camera-screenshots)
* [:signal_strength: Technologies](#signal_strength-technologies)
* [:floppy_disk: Setup](#floppy_disk-setup)
* [:computer: Code Examples](#computer-code-examples)
* [:cool: Features](#cool-features)
* [:clipboard: Status & To-do list](#clipboard-status--to-do-list)
* [:clap: Inspiration](#clap-inspiration)
* [:file_folder: License](#file_folder-license)
* [:envelope: Contact](#envelope-contact)
## :books: General info
* Nx workspace for both front and backends
## :camera: Screenshots
## :signal_strength: Technologies
* [Nx v12](https://nx.dev) build framework used to create project workspace
* [Angular framework v12](https://angular.io/) for frontend tasks view
* [@angular/Material v12](https://material.angular.io/) Material components
* [Angular Material theming](https://material.angular.io/guide/theming)
* [Custom theme color generator](https://materialtheme.arcsine.dev/)
* [@ngrx/store](https://ngrx.io/guide/store) global state management
* [NestJS v7](https://nestjs.com/) for backend API
* [Nestjs mapped types v1](https://www.npmjs.com/package/@nestjs/mapped-types) module
* [@nestjs/swagger v4](https://www.npmjs.com/package/@nestjs/swagger) server-side framework
* [swagger-ui-express v4](https://www.npmjs.com/package/swagger-ui-express) to serve auto-generated swagger-ui generated API docs from express, based on a swagger.json file
* [uuid v8](https://www.npmjs.com/package/uuid) to create RFC4122 UUIDs
## :floppy_disk: Setup
* Install dependencies using `npm i`
* `npm run serve:web` for a frontend dev server on `http://localhost:4200/`
* `npm run serve:api` for a backend dev server running swagger UI
* `npm run serve:all` to run front and back ends concurrently
## :wrench: Testing
* tba
## :computer: Code Examples
* tba
```typescript
```
## :cool: Features
* monorepo organised libraries etc. makes for tidier code
* Swagger UI saves dev. time
## :clipboard: Status, To-Do List
* Status: Working
* To-Do: add to Readme, add comments
## :clap: Inspiration/General Tools
* [dreevo: Angular Production - Build, Test & Deploy a Full Stack Application using Nx - Part I](https://www.youtube.com/watch?v=j38ufd8Q86w&t=119s)
* [Nx documentation](https://nx.dev/angular)
* [Github solution: Fresh NX-Angular app does not build](https://github.com/nrwl/nx/issues/5682)
## :file_folder: License
* N/A
## :envelope: Contact
* Repo created by [ABateman](https://github.com/AndrewJBateman), email: gomezbateman@yahoo.com