Angular 14 example project: CRUD with Rest API

Build an Angular 14 CRUD App example to consume Rest APIs, display, modify & search data.

Tutorial Application in that:

• Each Tutorial has id, title, description, published status.
• We can create, retrieve, update, delete Tutorials.
• There is a Search bar for finding Tutorials by title.

Run ng serve --port 8081 for a dev server. Navigate to http://localhost:8081/. The app will automatically reload if you change any of the source files.

For instruction, please visit:

Angular example: CRUD Application with Rest API

More Practice:

Angular Pagination example | ngx-pagination

Angular JWT Authentication & Authorization with Web API

Angular File upload example with Progress bar

Angular Multiple Files upload example with Progress Bar

Angular Form Validation example (Reactive Forms)

Fullstack with Node:

Angular + Node Express + MySQL example

Angular + Node Express + PostgreSQL example

Angular + Node Express + MongoDB example

Angular + Node Express: File upload example

Fullstack with Spring Boot:

Angular + Spring Boot + H2 Embedded Database example

Angular + Spring Boot + MySQL example

Angular + Spring Boot + PostgreSQL example

Angular + Spring Boot + MongoDB example

Angular + Spring Boot: File upload example

Fullstack with Django:

Angular + Django example

Security:

Angular + Spring Boot: JWT Authentication and Authorization example

Angular + Node.js Express: JWT Authentication and Authorization example

Serverless with Firebase:

Angular Firebase CRUD with Realtime DataBase | AngularFireDatabase

Angular Firestore CRUD example with AngularFireStore

Angular Firebase Storage: File Upload/Display/Delete example

Integration (run back-end & front-end on same server/port)

How to integrate Angular with Node Restful Services

How to Integrate Angular with Spring Boot Rest API