This project was generated with Angular CLI version 13.3.9. Used ng-zorro-antd
as a library for UI design
- Show car brands with mock data
- Sort data as given field
- Search brand with name
- Add new car brand with given info
- Edit car brand
Ascending
sort with:All
: sort as NameLast Updated
: sort as latest modified timeBrand Name
: sort as NameNumber of Models
: sort as number of models
- Search - compare if search text includes in Brand Name, trigger every input changes. Data list will be filtered gradually along the times type in. Click clear icon to reclaim full items.
- View details - navigate to next page to show details
- Edit infomation - click on existing logo to change random image
- Add new brand with required info, name and description are mandatory. Image could be uploaded but app will use random image to set logo.
- Use Lorem Picsum to get random image as logo brand
- Delete item
- Lack of model field: default is 0
- API for Sort and Search
- Upload image needs 3rd-party server
- Deployed on Heroku: https://carbrandlist.herokuapp.com/car-brand-list