Angular 16 example project: CRUD with Rest API

Build an Angular 16 CRUD example App 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 16 CRUD example with Rest API

More Practice:

Angular 16 Pagination example

Angular 16 JWT Authentication & Authorization example

Angular 16 File upload example with Progress bar

Angular 16 Form Validation example

Fullstack with Node:

Angular 16 + Node Express + MySQL example

Angular 16 + Node Express + PostgreSQL example

Angular 16 + Node Express + MongoDB example

Angular 16 + Node Express: File upload example

Fullstack with Spring Boot:

Angular 16 + Spring Boot example

Angular 16 + Spring Boot + MySQL example

Angular 16 + Spring Boot + PostgreSQL example

Angular 16 + Spring Boot + MongoDB example

Angular 16 + Spring Boot: File upload example

Fullstack with Django:

Angular + Django example

Angular + Django + MySQL

Angular + Django + PostgreSQL

Angular + Django + MongoDB

Security:

Angular 16 + Spring Boot: JWT Authentication and Authorization example

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

Serverless with Firebase:

Angular 16 Firebase CRUD with Realtime DataBase

Angular 16 Firestore CRUD example

Angular 16 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