myLibrary Application Structure

The Structure

Those are the app structures of the Front-End and the Back-End. For this little project, I have chosen these structures because of its simplicity.

│   404.html
│   favicon.ico
│   index.html
│   robots.txt
│   tree.txt
│   
├───documents
│       document.detail.edit.html
│       document.detail.html
│       document.html
│       document.list.html
│       document.new.html
│       documentsController.js
│       
├───images
│       books.jpg
│       
├───members
│       members.list.html
│       membersController.js
│       
├───scripts
│   │   app.js
│   │   routers.js
│   │   
│   ├───controllers
│   │       search.js
│   │       
│   └───services
│           services.js
│           
├───statistics
│       index.html
│       
├───styles
│       main.css
│       
├───subjects
│       subjects.list.html
│       subjects.NavBar.html
│       subjects.new.html
│       subjectsController.js
│       subjectsMenuOptions.html
│       
└───views
        about.html
        footer.html
        header.html
        main.html
        search.html
        statistics.html
        terms.html
 
├───bin
│       schemas.js
│       www
├───public
│   ├───components
│   ├───css
│   │       style.css
│   │       
│   ├───img
│   └───js
├───routes
│       categories.js
│       document.js
│       documents.js
│       document_types.js
│       index.js
│       libraries.js
│       loans.js
│       main.js
│       members.js
│       persons.js
│       publishers.js
│       subjects.js
│       user.js
│       users.js
│       
└───views
        error.jade
        index.jade
        layout.jade
 

Related Links

https://scotch.io/tutorials/angularjs-best-practices-directory-structure

https://www.airpair.com/angularjs/posts/top-10-mistakes-angularjs-developers-make

https://github.com/johnpapa/angular-styleguide

https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html

Leave a comment