# Project structure

## So where do I put my files?

Before heading off to explain the project details let's take a step back and discuss about the project structure we are going to follow.

<div align="left"><img src="https://399680232-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPDvRuCdUm-r5AYLsp-%2F-MVhHV0gpydq67_sTcDI%2F-MVhK2J1KAzINj2TLfyM%2FScreen%20Shot%202021-03-13%20at%2011.43.13%20PM.png?alt=media&#x26;token=2ebb22d6-0326-4a17-b9ce-97e50a578c98" alt=""></div>

So basically folders are going to be grouped based on the feature under src as you can see from the image above.&#x20;

Apart from the feature, there is an application folder for putting the main app or the root widget, there is also a di folder for dependency injection and finally the router folder for putting all our page routes.

Let's take a closer look at the product feature for instance.

<div align="left"><img src="https://399680232-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPDvRuCdUm-r5AYLsp-%2F-MVhHV0gpydq67_sTcDI%2F-MVhKdrIseEZh5Hjgb-r%2FScreen%20Shot%202021-03-13%20at%2011.45.49%20PM.png?alt=media&#x26;token=cbc7d6b7-599e-4e85-8494-255b15bc52e0" alt=""></div>

So each of the folders represent a layer of the feature to be coded. If the names don't make sense we will cover them later don't worry.&#x20;
