title: Can we create two login pages with their separate routing in a single Angular 2 application?
body: <p>Here, I am creating Angular 2 application with distributed database and micro-service architecture. In my application scenario,
  the application condition is that we are having normal user functionality as well as admin functionality like modify, delete organization attributes etc.</p>
  
  <p>Suppose,</p>
  
  <p>a normal user is trying to log in, he will get redirected to application functionality with its routing.</p>
  
  <p>But, if an admin user is trying to log into the application, he should have the choice of admin functionality or normal application functionality. </p>
  
  <p>For achieving this, I am thinking of two approaches:</p>
  
  <ul>
  <li>Approach:  Create two separate Projects (one for application functionality and other for admin functionality), so that admins can have a URL for both and he can access any one of them at will</li>
  <li>Approach: Thinking to build Role based architecture using route guards in single application only, and activate admin functionality page whenever admin will be logged-in</li>
  </ul>
  
  <p>But, confusion regarding security of application. Can my second approach gives security that hackers could not hack my admin rights through that page as it will be part of the same application? Which one will be the more suitable approach?</p>