Directory structure

This will be the structure of our app. Keep an eye on it so that it will be easier for you to understand where the files are stored:

app/
├── app.config.js
├── app.js
├── app.routes.js
├── components
│   ├── message-form
│   │   ├── message-form.directive.js
│   │   └── message-form.html
│   ├── message-item
│   │   ├── message-item.directive.js
│   │   └── message-item.html
│   └── message-list
│       ├── message-list.directive.js
│       └── message-list.html
├── index.html
├── services
│   ├── current_user.service.js
│   └── message-factory.js
├── shared
│   └── user-avatar.directive.js
├── styles
│   ├── chat.css
│   └── ng-notify.theme.css
└── views
    └── chat.html