What is way to create project hierarchy for angular&webapi

Sajid Hussain

Hi every one, I want to develop project using web api and Angular Js, EF, and also want unit testing boh on client and server side.Need guideline in form of sample project that which will be the best architecture that will support my requirments. Considereing most aspect and impact of architecture.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sajid Hussain7y ago
Hi @Puneet, thanks for this descroptive answer, on high level there should be two separate project, and each project there will be different segments according to requirements?
Puneet Kankar7y ago
Please check given below one of the architecture of Project.

Angular
● src
+---● app
| +--● employees
| | |--employees.component.ts|.html|.css
| | +--● employee (employee form)
| | | |--employee.component.ts|.html|.css
| | |
| | +--● employee-list (list inserted employees)
| | | |--employee-list.component.ts|.html|.css
| | |
| | +--● shared
| | |--employee.service.ts
| | |--employee.model.ts
| |
| |--app.module.ts (configured firebase connection)
|
+---● environments
| |--environment.ts
|
|--index.html

● WebApi
+---● EntityFramWork class library
+---● WebApi Project
| +--● Modules
| | |--employees
| .controller
| .model(getter,setter)
| .repository (connect entity and controller using interface and class)
| | |--HR
| | |--Etc
| +--● Common classes
| | |--utility classes