This project is an Angular-based CRUD application that utilizes the DummyAPI as a mock backend. It showcases basic Create, Read, Update, and Delete operations. The project also includes a global loading indicator and error handling through the use of an interceptor. The user interface is responsive and built using Angular Material.
The Angular CRUD project with DummyAPI is a web application built using Angular, Angular Material, and an interceptor for global loading and error handling. It allows users to perform CRUD (Create, Read, Update, Delete) operations on a set of dummy data provided by the DummyAPI.
The project aims to showcase how to implement basic CRUD functionality in Angular, create a responsive user interface using Angular Material components.
- CRUD operations (Create, Read, Update, Delete) for managing data
- Integration with the DummyAPI for data storage
- Global loading interceptor to display a loading spinner during HTTP requests
- Error handling to catch and display errors in a user-friendly manner
- Responsive user interface designed with Angular Material
- Install the dependencies:
npm install. - Start the development server:
ng serve. - Open your browser and visit: http://localhost:4200
- Angular: https://angular.io/
- DummyAPI: https://dummyapi.io/
- Angular Material: https://material.angular.io/
This project provides a practical example of a CRUD application built with Angular, utilizing the DummyAPI for data storage. The responsive user interface, global loading interceptor, and error handling enhance the user experience and simplify the development process. Feel free to explore and modify this project to suit your needs.