3. Base project structure

Once you have run the main process of generating a new web structure:

yo reqtangular

The generated structure looks something like the following:

[your_app_folder]

├── app (main project codification)

├── bower_components (downloaded bower dependencies)

├── bower.json (bower dependencies definition)

├── bowerrc (bower config. file)

├── Gruntfile.js (main grunt file)

├── karma.conf.js (karma test suite config.)

├── karma-e2e.conf.js (karma test suite config.)

├── node_modules (node packages downloaded)

├── package.json (node packages definition)

└── test (project tests)

[your_app_folder]/app folder

This is where the coding for your new application is located. HTML templates, style sheets, images and all the scripts that define the behavior of your application.

├── 404.html (default error page)

###├── config ├── constants.json (common config properties)

  ├── dev.json (development properties)

  └── dist.json (distribution properties)

Further information about your application config files.

├── favicon.ico (default favicon file)

├── images (application images folder)

├── index.html (base html file DO NOT EDIT, this is an autogenerated file.)

├── index.template.html (base html. YOU CAN CODE HERE)

├── robots.txt (default robots file)

###├── scripts ├── app.js (Angular main module definition)

  ├── configuration.js (App. config properties file DO NOT EDIT, autogenerated file. Properties are defined in config folder files.)

  ├── main.js (Require dependencies configuration)

  └── modules (Your application modules "Main, home, etc...")

Further information about your application modules.

###├── styles ├── main.css (base sytle sheet)

└── vendor.js (extra javascript functionalities file DO NOT EDIT, this is an autogenerated file.)