Example projects

Contains example structures for projects, mostly front-end wise as of now.

We always want to follow back-ends structure as pictured here:

www  
│
└───Components
    ├───Framework
    ├───Domain
    └───Project

frontend-components

An example of self-contained frontend components that lives with the backend code. But in it's own sub folder Client.

The pattern for the frontend loader would look like this www/Components/%ComponentType%/%ComponentName%/Client/%ComponentName%.js.

We talked about splitting up the client files in folder like

• /Templates/
• /Scripts/
• /Styles/

www  
│
└───Components
    │
    ├───Framework
    │   ├───FrontendComponentLoader (require ect.)
    │   ├───CustomInputs\Client
    │   │   ├──── CustomInputs.less
    │   │   └──── CustomInputs.js
    │   └───FormValidation\Client
    │       ├──── CustomInputs.less
    │       └──── FormValidation.js
    │
    ├───Domain
    │   ├───NewsFeed\Client
    │   │   ├──── Feed.less
    │   │   └──── NewsFeed.js
    │   └───Accordion
    │       ├──── Web.config  
    │       ├──── Accordion.csproj 
    │       ├───Presentation
    │       │   ├──── ViewModels/..
    │       │   └──── Accordion.cshtml
    │       └───Client
    │           ├──── Accordion-image-static.png
    │           ├──── Accordion.scss
    │           ├──── Accordion.swig
    │           └──── Accordion.js
    └───Project
        └───ClientDependencies
            └──── bower_components