Base Project

See running application here

Login credentials list

Email	Password
alovelesh@gmail.com	123456
agrawal.lovelesh@gmail.com	123456

The goal of this project to create CRUD forms using dynamic list and dynamic form in the minimum time(0.5Hr).

Dynamic list is used to provide functionality of

• Sorting
• Searching
• Pagination(page size, page size options , show first and last button),
• Adding
• Deleting(Confirmation dialog on delete)
• Selecting record
• With fixed no. of columns and with their title
• Show loading spinner
• Footer
• Editing the records with static and dynamic data both.

Dynamic form is used to create form with a simple config file and provide below features

• Field type
• Validations(required, min, max)
• Submit button
• Column space
• Field value, placeholder, label
• Other options

Suppose i need to create task management CRUD then it is very easy by using Dynamic List and Dyna,ic Form

Task management is used to managing task like creation, deleteion and updation.

• Show all task lists
• Able to add, delete and update task
• Able to search, sort.
• A lot of task data can be manage by pagination

Tech

This project uses a number of open source projects to work properly:

• Angular 5 - HTML enhanced for web apps!
• Angular Material - Awesome UI components
• node.js - evented I/O for the backend
• Express - fast node.js network app framework

Installation

Take clone from

$ git clone https://github.com/alovelesh/base-project.git

Install the dependencies and devDependencies and start the server.

$ cd task-management
$ npm install
$ node server
Open http://localhost:3000 in browser