/TS_Angular-Articles

A TypeScript website about Angular, JWT and articles!

Primary LanguageTypeScript

TS_Angular-Articles

image

Tables of Contents

Starting the project

Downloading and running the project

  • Clone / Download this project
  • Open Visual Studio Code
  • Open a CLI and install the dependencies with npm run init
  • Once done, run npm run start

Project tree

📦 
├─ .browserslistrc
├─ .circleci
│  â”œâ”€ config.yml
│  â””─ utils.sh
├─ .editorconfig
├─ .eslintrc
├─ .gitignore
├─ .prettierrc
├─ .stylelintrc
├─ README.md
├─ angular.json
├─ e2e
│  â”œâ”€ protractor.conf.js
│  â”œâ”€ src
│  â”‚  â”œâ”€ app.e2e-spec.ts
│  â”‚  â””─ app.po.ts
│  â””─ tsconfig.json
├─ karma.conf.js
├─ ngsw-config.json
├─ package-lock.json
├─ package.json
├─ src
│  â”œâ”€ app
│  â”‚  â”œâ”€ app-routing.module.ts
│  â”‚  â”œâ”€ app.component.html
│  â”‚  â”œâ”€ app.component.scss
│  â”‚  â”œâ”€ app.component.spec.ts
│  â”‚  â”œâ”€ app.component.ts
│  â”‚  â”œâ”€ app.module.ts
│  â”‚  â”œâ”€ app.server.module.ts
│  â”‚  â”œâ”€ areas
│  â”‚  â”‚  â”œâ”€ article-add
│  â”‚  â”‚  â”‚  â”œâ”€ article-add.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ article-add.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ article-add.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ article-add.component.ts
│  â”‚  â”‚  â”œâ”€ article-list
│  â”‚  â”‚  â”‚  â”œâ”€ article-list.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ article-list.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ article-list.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ article-list.component.ts
│  â”‚  â”‚  â”œâ”€ article-view-comments
│  â”‚  â”‚  â”‚  â”œâ”€ article-view-comments.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ article-view-comments.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ article-view-comments.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ article-view-comments.component.ts
│  â”‚  â”‚  â”œâ”€ article-view
│  â”‚  â”‚  â”‚  â”œâ”€ article-view.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ article-view.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ article-view.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ article-view.component.ts
│  â”‚  â”‚  â”œâ”€ error
│  â”‚  â”‚  â”‚  â”œâ”€ error.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ error.component.scss
│  â”‚  â”‚  â”‚  â””─ error.component.ts
│  â”‚  â”‚  â”œâ”€ home
│  â”‚  â”‚  â”‚  â”œâ”€ home.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ home.component.scss
│  â”‚  â”‚  â”‚  â””─ home.component.ts
│  â”‚  â”‚  â”œâ”€ index.ts
│  â”‚  â”‚  â”œâ”€ login
│  â”‚  â”‚  â”‚  â”œâ”€ login.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ login.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ login.component.ts
│  â”‚  â”‚  â”œâ”€ logout
│  â”‚  â”‚  â”‚  â”œâ”€ logout.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ logout.component.ts
│  â”‚  â”‚  â”œâ”€ nav
│  â”‚  â”‚  â”‚  â”œâ”€ nav.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ nav.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ nav.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ nav.component.ts
│  â”‚  â”‚  â”œâ”€ not-found
│  â”‚  â”‚  â”‚  â”œâ”€ not-found.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ not-found.component.scss
│  â”‚  â”‚  â”‚  â””─ not-found.component.ts
│  â”‚  â”‚  â”œâ”€ register
│  â”‚  â”‚  â”‚  â”œâ”€ register.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ register.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ register.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ register.component.ts
│  â”‚  â”‚  â”œâ”€ restricted
│  â”‚  â”‚  â”‚  â”œâ”€ restricted.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ restricted.component.scss
│  â”‚  â”‚  â”‚  â””─ restricted.component.ts
│  â”‚  â”‚  â”œâ”€ user-list
│  â”‚  â”‚  â”‚  â”œâ”€ user-list.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ user-list.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ user-list.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ user-list.component.ts
│  â”‚  â”‚  â”œâ”€ user-profile-edit
│  â”‚  â”‚  â”‚  â”œâ”€ user-profile-edit.component.html
│  â”‚  â”‚  â”‚  â”œâ”€ user-profile-edit.component.scss
│  â”‚  â”‚  â”‚  â”œâ”€ user-profile-edit.component.spec.ts
│  â”‚  â”‚  â”‚  â””─ user-profile-edit.component.ts
│  â”‚  â”‚  â””─ user-profile
│  â”‚  â”‚     â”œâ”€ user-profile.component.html
│  â”‚  â”‚     â”œâ”€ user-profile.component.scss
│  â”‚  â”‚     â”œâ”€ user-profile.component.spec.ts
│  â”‚  â”‚     â””─ user-profile.component.ts
│  â”‚  â”œâ”€ pipes
│  â”‚  â”‚  â”œâ”€ empty
│  â”‚  â”‚  â”‚  â”œâ”€ empty.pipe.spec.ts
│  â”‚  â”‚  â”‚  â””─ empty.pipe.ts
│  â”‚  â”‚  â”œâ”€ index.ts
│  â”‚  â”‚  â”œâ”€ length
│  â”‚  â”‚  â”‚  â”œâ”€ length.pipe.spec.ts
│  â”‚  â”‚  â”‚  â””─ length.pipe.ts
│  â”‚  â”‚  â””─ truncate
│  â”‚  â”‚     â”œâ”€ truncate.pipe.spec.ts
│  â”‚  â”‚     â””─ truncate.pipe.ts
│  â”‚  â”œâ”€ services
│  â”‚  â”‚  â”œâ”€ article.service.ts
│  â”‚  â”‚  â”œâ”€ auth-guard-logged.service.ts
│  â”‚  â”‚  â”œâ”€ auth-guard-not-logged.service.ts
│  â”‚  â”‚  â”œâ”€ auth.service.ts
│  â”‚  â”‚  â”œâ”€ comment.service.ts
│  â”‚  â”‚  â”œâ”€ find-username-by-id.service.ts
│  â”‚  â”‚  â”œâ”€ index.ts
│  â”‚  â”‚  â”œâ”€ token-interceptor.service.ts
│  â”‚  â”‚  â””─ user.service.ts
│  â”‚  â””─ shared
│  â”‚     â”œâ”€ app-info.service.ts
│  â”‚     â”œâ”€ index.ts
│  â”‚     â”œâ”€ models
│  â”‚     â”‚  â”œâ”€ article.model.ts
│  â”‚     â”‚  â”œâ”€ comment.model.ts
│  â”‚     â”‚  â””─ user.model.ts
│  â”‚     â”œâ”€ shared.module.ts
│  â”‚     â””─ toast
│  â”‚        â”œâ”€ toast.component.html
│  â”‚        â”œâ”€ toast.component.scss
│  â”‚        â”œâ”€ toast.component.spec.ts
│  â”‚        â””─ toast.component.ts
│  â”œâ”€ assets
│  â”‚  â”œâ”€ imgs
│  â”‚  â”‚  â”œâ”€ app-bg.jpg
│  â”‚  â”‚  â””─ app-bg.min.jpg
│  â”‚  â””─ styles
│  â”‚     â”œâ”€ _colors.scss
│  â”‚     â”œâ”€ _mixins.scss
│  â”‚     â”œâ”€ _vars-def.scss
│  â”‚     â”œâ”€ _vars.scss
│  â”‚     â”œâ”€ components
│  â”‚     â”‚  â”œâ”€ _components.scss
│  â”‚     â”‚  â”œâ”€ activity.scss
│  â”‚     â”‚  â”œâ”€ reset.scss
│  â”‚     â”‚  â”œâ”€ shell.scss
│  â”‚     â”‚  â””─ typography.scss
│  â”‚     â””─ themes
│  â”‚        â”œâ”€ _dark-theme.scss
│  â”‚        â””─ _light-theme.scss
│  â”œâ”€ environments
│  â”‚  â”œâ”€ environment.prod.ts
│  â”‚  â””─ environment.ts
│  â”œâ”€ favicon.ico
│  â”œâ”€ index.html
│  â”œâ”€ main.server.ts
│  â”œâ”€ main.ts
│  â”œâ”€ polyfills.ts
│  â”œâ”€ styles.scss
│  â”œâ”€ test.ts
│  â”œâ”€ tsconfig.app.json
│  â”œâ”€ tsconfig.server.json
│  â”œâ”€ tsconfig.spec.json
│  â””─ typings.d.ts
├─ tsconfig.app.json
├─ tsconfig.base.json
├─ tsconfig.json
├─ tsconfig.spec.json
└─ tslint.json