App 3

We are going to build the UI using angular framework. Angular is the most pupular Single Page Application SPA javascript framework.

I am going to use the angular-cli( a command line)

if you dont have cli installed please use this instruction to build the

1. Create the project ng new Document-Management-System-UI

2. Run ng serve and access the your application from http://localhost:4200

You should see semilar to this… this is the pages template created by angular-cli.. We will be opening replacing the template with our own content/forms

1. open the project from code editor like atom, visual studio code or LimeText or whatever text editor you wish to use.

The screenshot goes here

Reploace the content of th application.component.ts file with this

the ts file capable of uploading file should goes here

replace the content of the html template with this

The new content of the html template should go here

replace the content of the sevive.ts with this

The content of the service file which capable of calling the backend to <br> uploadd the file should go here

We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project. We are going to create our UI first. I usually wanted to start from the back end where there is no dependencies. But, I also want to retain my view by showing something beutiful on the screen as soon as possible. So lets build our angular UI first. I am going to use the angular CLI to create our project.