https://github.com/berasumitdev/angular-18-primeng
A test project using Angular 18, PrimeNG, Json Server
https://github.com/berasumitdev/angular-18-primeng
angular json-server primeng
Last synced: about 1 month ago
JSON representation
A test project using Angular 18, PrimeNG, Json Server
- Host: GitHub
- URL: https://github.com/berasumitdev/angular-18-primeng
- Owner: berasumitdev
- Created: 2024-10-29T05:47:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T06:18:22.000Z (over 1 year ago)
- Last Synced: 2025-09-02T00:39:32.120Z (10 months ago)
- Topics: angular, json-server, primeng
- Language: TypeScript
- Homepage:
- Size: 164 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular18PrimengApp
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.10.
### Generate components
```
ng generate component components/home
ng generate component components/login
ng generate component components/register
```
### Generate guard
```
ng generate guard guards/auth
```
### Generate service
```
ng generate service services/auth
```
### Generate interface
```
ng generate interface interfaces/auth
```
### Generate directive
```
ng generate directive shared/password-mismatch
```
## Install dependencies
- PrimeNg
```
npm install primeng primeicons primeflex
```
- Json-Server
```
npm i json-server@0.17.3
```
## Update angular.json style property
```
"styles": [
"node_modules/primeng/resources/themes/saga-blue/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",
"node_modules/primeflex/primeflex.css",
"src/styles.css"
],
```
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
## Start the Json-Server
```bash
npm run json-server
```
## Resources
[Link](https://youtu.be/nTWZB8bWAJE?si=-qmsmovd0pxDfikD)