https://github.com/silwiueduard/crud-operations-project
Angular 16 project with CRUD operations using a public API
https://github.com/silwiueduard/crud-operations-project
angular bootstrap3 css html js
Last synced: 5 months ago
JSON representation
Angular 16 project with CRUD operations using a public API
- Host: GitHub
- URL: https://github.com/silwiueduard/crud-operations-project
- Owner: SilwiuEduard
- Created: 2023-10-06T10:49:28.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-11-13T12:12:48.000Z (over 2 years ago)
- Last Synced: 2025-04-07T09:46:03.136Z (about 1 year ago)
- Topics: angular, bootstrap3, css, html, js
- Language: TypeScript
- Homepage:
- Size: 6.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PetStore Angular project with CRUD operations
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
## 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.
## Project Infos ✍️
1. Listing Animals (individual page)
a) Filter by status (available, pending, sold);
b) Table header should consist of: Index (starting from 1), Name, Status, Actions;
c) In the "Actions" column, buttons for viewing, editing, and deleting an element;
2. Adding (individual page)
a) Validation for mandatory fields (name, status, and an ID of type number);
b) Dropdown options for status: available, pending, sold. The default status: "available";
c) After submitting the form, display a success and error notification;
d) In case of success, after adding, redirect to the list of animals;
3. Editing (individual page)
a) Validation for mandatory fields;
b) After submitting the form, display a success and error notification;
c) In case of success, after editing, redirect to the list of animals.
4. Viewing (individual page)
a) Display available information, even if it's minimal.
b) In case certain information is missing, display a placeholder or a message like "This element has no categories, tags, images, etc."
5. Deletion
a) There should be a modal/pop-up for confirming the deletion;
b) Display a success and error notification;
c) Automatically update the list after deleting an element;