This project was created to manage products which performs CRUD operations. Its build up with Angular 4, Material Component and Flex Layouts.
Angular Crud operations let us get, update, post and delete any kind data. Iam using http requests to perform all these crud operations. For json data, I will be using json-server to mockup localhost api.
Angular flex layout provides HTML UI layout for this applications using Flexbox. I have included material components for making the better appearence of application. Components which i used for theming are Data Table, Sorting, Filtering, Snackbar, Modal popup, Toolbar, Form control, Material icons etc.
Download the source code from this repo. Seperate json-api
folder and keep it outside this project.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run json-server -p 5555 products.json
for a api server. Navigate to http://localhost:5555/
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.