https://github.com/jlmonteagudo/ng-material-crud-sample

This project is a sample that shows how to develop a CRUD system. Angular Material has been used to design the UI. This project is part of a system composed by a node server and a front end application developed with Angular that shows how to develop a CRUD system.
https://github.com/jlmonteagudo/ng-material-crud-sample

angular angular-material crud crud-sample mean mean-stack

Last synced: 2 months ago
JSON representation

This project is a sample that shows how to develop a CRUD system. Angular Material has been used to design the UI. This project is part of a system composed by a node server and a front end application developed with Angular that shows how to develop a CRUD system.

• Host: GitHub
• URL: https://github.com/jlmonteagudo/ng-material-crud-sample
• Owner: jlmonteagudo
• Created: 2018-03-23T13:37:35.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-02T09:57:40.000Z (about 8 years ago)
• Last Synced: 2025-03-14T01:31:39.217Z (over 1 year ago)
• Topics: angular, angular-material, crud, crud-sample, mean, mean-stack
• Language: TypeScript
• Size: 124 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CRUD Sample Angular

This project is a sample that shows how to develop a CRUD system. Angular Material has been used to design the UI.

## Description

This project is part of a system composed by a node server and a front end application developed with Angular that shows how to develop a CRUD system.

The server has been developed with Node, Express and Mongoose.

You can found the server in [https://github.com/jlmonteagudo/node-server-crud-sample](https://github.com/jlmonteagudo/node-server-crud-sample).

The frontend has been developed with Angular.

 ## Features

 - **Angular 5**

 - **Angular Material**

 - **CRUD system**

 - **Complete data table**: Allows **filtering**, **sorting** and **paginating**  on the **server side**

- **Form validation**

## Run

To run this project you have to run this command: `ng serve`

Once the script has finished you can access in your browser to this URL: [http:\\localhost:4200](http:\\localhost:4200)

## Screenshots

[![Data Table](http://www.jlmonteagudo.com/wp-content/uploads/2018/03/crud-sample-table.png)](http://www.jlmonteagudo.com/wp-content/uploads/2018/03/crud-sample-table.png)

[![Edit](http://www.jlmonteagudo.com/wp-content/uploads/2018/03/crud-sample-edit.png)](http://www.jlmonteagudo.com/wp-content/uploads/2018/03/crud-sample-edit.png)

[![Dialog Box](http://www.jlmonteagudo.com/wp-content/uploads/2018/03/crud-sample-dialog.png)](http://www.jlmonteagudo.com/wp-content/uploads/2018/03/crud-sample-dialog.png)