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.

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

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.

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.