angular-folder-structure
The project is based on best practices from the community, other github Angular projects and developer experience from production Angular projects.
File Explorer
Download Latest Version (.zip)- index.ts
- app.e2e-spec.ts
- app.po.ts
- setup.ts
- protractor.conf.js
- tsconfig.e2e.json
- .gitkeep
- README.md
- screenshot.png
- themes.ts
- auth.guard.ts
- module-import.guard.ts
- no-auth.guard.ts
- token.interceptor.ts
- auth.service.spec.ts
- auth.service.ts
- theme.service.spec.ts
- theme.service.ts
- core.module.ts
- README.md
- project.ts
- user.ts
- data.json
- json-api.service.ts
- project.service.ts
- user.service.ts
- data.module.ts
- README.md
- auth-layout.component.html
- auth-layout.component.scss
- auth-layout.component.spec.ts
- auth-layout.component.ts
- content-layout.component.html
- content-layout.component.scss
- content-layout.component.spec.ts
- content-layout.component.ts
- footer.component.html
- footer.component.scss
- footer.component.ts
- nav.component.html
- nav.component.scss
- nav.component.ts
- README.md
- about.component.html
- about.component.scss
- about.component.scss-theme.scss
- about.component.spec.ts
- about.component.ts
- about-routing.module.ts
- about.module.ts
- login.component.html
- login.component.scss
- login.component.spec.ts
- login.component.ts
- register.component.css
- register.component.html
- register.component.spec.ts
- register.component.ts
- auth.module.ts
- auth.routing.ts
- contact.component.html
- contact.component.scss
- contact.component.spec.ts
- contact.component.ts
- contact.component.scss-theme.scss
- contact-routing.module.ts
- contact.module.ts
- project-details.component.html
- project-details.component.spec.ts
- project-details.component.ts
- project-container.component.scss-theme.scss
- project-item.component.html
- project-item.component.scss
- project-item.component.spec.ts
- project-item.component.ts
- home.component.html
- home.component.scss
- home.component.spec.ts
- home.component.ts
- home.module.ts
- home.routing.ts
- project-resolver.service.ts
- README.md
- control-messages.component.html
- control-messages.component.scss
- control-messages.component.spec.ts
- control-messages.component.ts
- spinner.component.html
- spinner.component.scss
- spinner.component.spec.ts
- spinner.component.ts
- validation.service.spec.ts
- validation.service.ts
- material.module.ts
- README.md
- shared.module.ts
- app-routing.module.ts
- app.component.html
- app.component.scss
- app.component.spec.ts
- app.component.ts
- app.module.ts
- auth.json
- projects.json
- bg-screenshot.PNG
- mountain.png
- winter-photo.jpg
- winter-photo2.jpg
- winter.jpg
- _base.scss
- _colors.scss
- .gitkeep
- .env.ts
- environment.prod.ts
- environment.ts
- black-theme.scss
- light-theme.scss
- README.md
- style-reset.scss
- styles-reset.scss-theme.scss
- styles-variables.scss
- favicon.ico
- index.html
- karma.conf.js
- main.ts
- polyfills.ts
- styles.scss
- test.ts
- tsconfig.app.json
- tsconfig.spec.json
- tslint.json
- typings.d.ts
- .browserslistrc
- .editorconfig
- .eslintrc.json
- .gitignore
- .prettierignore
- .prettierrc
- angular.json
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
# Installation Guide
1. Get the code
git clone https://github.com/mathisGarberg/angular-folder-structure
Downloads the entire project code from GitHub to your computer.
cd angular-folder-structure
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)