AngularJS - MVC ASP.NET Directory Structure

Question

This is more of a general inquiry. I am looking to start a personal website as a side project using ASP.NET MVC 5/WebAPI. For my front end (Javascript) I want to use AngularJS. I have been reading tons of articles and they all suggested the best way to structure your files is to put the html, service/controller all together in the same folder. I am not sure if this is best practice for ASP.NET MVC.

What are some things that you guys can recommend to achieve clean and reusable code.

Thanks

Answer 1

This example shows how to create a simply web application using angularjs, mvc and RESTful Web Service, I named it is “manage customer”. List of features:

• List customer
• Edit customer
• Create new customer
• Delete customer

List of projects of “manage customer” application:

• CustomerEntities (EntityFramework 6.0.0.0)
• CustomerDAL (c# classes)
• CustomerBLL (c# classes)
• CustomerAPI (RESTful web service)
• CustomerUI (AngularJs, MVC)

Here is solution structure:

More detail and source here AngularJs MVC