Creating a new component in Angular is easy, this will generate some boilerplate code. By default it will setup the HTML, CSS/SCSS, TS, and Spec. Angular will also add the newly created component to the imports of the main app module.
This application shouldn’t need too many components so keeping it in the top level app folder should be fine.
Next I added the routing and an option in the menu. Adding to the routing in angular is simple, at its most basic level you just need to add another path and component to the routes array. While I was at it I added some routing always route back to the home page, the entry point to the app will also enforce always routing to home on start-up.
When the user routes to the list repo’s component this component will use the code commit service to call into AWS Code commit and get the repo’s available to the authenticated user. For every repo returned a further lookup is done for the more detailed information.
Haven’t thought to much on how I’m going to display this information yet, so for now just some simple padding and a few parameters will do to check its all working and ill think about the design over night.