My Blog


Structure of Angular 2 project

Posted: November 24, 2021. | By: Admin

The root folder

The src/ folder is just one of the items inside the project's root folder. Other files help you build, test, maintain, document, and deploy the app. These files go in the root folder next to src/.

my-app(root folder)

  • e2e (subfolders)                                      
  1.  app.e2e-spec.ts 
  2.  app.po.ts
  3.  tsconfig.e2e.json
  • node_modules/...
  • src/...
  • .angular-cli.json
  • .editorconfig
  • .gitignore
  • karma.conf.js
  • package.json
  • protractor.conf.js
  • tsconfig.json
  • tslint.json

Src Structure

Your app lives in the src folder. All Angular components, templates, styles, images, and anything else your app needs go here. Any files outside of this folder are meant to support building your app.


  • app
  1. app.component.css
  2. app.component.html
  3. app.component.spec.ts
  4. app.component.ts
  5. app.module.ts
  • assets
  1. .gitkeep
  • environments
  2. environment.ts
  • favicon.ico
  • index.html
  • main.ts
  • polyfills.ts
  • styles.css
  • test.ts
  • tsconfig.spec.json


Aapthi Technologies,Hyderabad offers a complete range of web solutions including web designing, developing, web hosting, Internet marketing and many more. With our electrifying presence, we have swirled the scenario of web solutions. We consistently invigorate our skill-set and tech-expertise and work with a high-level of integrity. Our keen-eye on emerging trends of online business as well as technical spheres has empowered us to render the most innovative solutions. Persistent development is the key drive of Aapthi Technologies, be it in terms of infrastructure, skill-set or technology. Team Aapthi Technologies, is fully committed to render back hundred percent value for the money paid by client.

Social Links

Our Bunker

Plot No -596, Near Reliance Fresh,
Vivekananda nagar colony, Kukatpally,
Hyderabad - 500072, India.