How to impalement a project explorer for a web application

I want to implement this kind of file explorer for a web application and the content of each file should be displayed on right side . I have no idea what kind of a approach should i get to achive this , can anyone give some guidlines . I hoping to use angular for front-end