best way to organize angular projects?

Sachin Singh

suppose, I have more than 30+ modules, where each module needs to talk to the backend via API, at the same time there are many classes, enums, and constants, which each of the modules needs.

What exactly do you put in Core and Shared Module?

Share your experience and please don't point to any random article on the Net, there are some good articles on Medium but I want someone who can guide me by his own experience of architecture the project.

4 Replies

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

Rijwan Ansari5y ago
Accepted answer
Hi Sachin,

Organizing project is all about organizing folder, classes, enum, models, services and so on.
I would suggest few points
- Keep shared model, enum,.. into Shared Folder under App
- Create a module folder and folder for each module under module
- Keep model, enum, services.. of each module under it.
- If you are using same login/authentication, then again you can keep under a module

Recommended Sample:
-app

-shared
     -services
     -pipes
     -components
     -models

-modules
  -users
    -components
        -list
        -edit
    -models
        -users.model.ts
    -services
        -user-service.ts

    users.component.ts // this component should act like a container/smart component
    users.component.html
    users.module.ts
    users.route.ts

  -organisations
    -components
        -list
        -manage
    -models
        organisation.model.ts
    -services
        organisation.service.ts

    organisations.component.ts  // this component should act like a container/smart component
    organisations.component.html
    organisations.module.ts
    organisations.route.ts

-app.component.ts
-app.component.html
-app.module.ts
-app-routing.module.ts
+2
Sachin Singh5y ago
Thank you @Rijwan Ansari sir.
+2
Sachin Singh5y ago
sir,
I already mentioned in my question about those articles, you haven't read my question isn't it?
where do you put enums, constant, and interfaces in core or shared, medium articles say it to put in the core that doesn't make any sense to me?
+1
Md Sarfaraj5y ago
Hello Sachin,
Please check the below link might be it will help you.

https://medium.com/dev-jam/5-tips-best-practices-to-organize-your-angular-project-e900db08702e
https://stackoverflow.com/questions/52933476/angular-project-structure-best-practice
https://medium.com/@shijin_nath/angular-right-file-structure-and-best-practices-that-help-to-scale-2020-52ce8d967df5
+1