App Description: A C.R.U.D app for development logging. App features local storage functionality that persist its data. Learned about state, sharing data accross components, and organization of UI.
-
Installed components using
ng g c components/name
, name: navbar, log-form, logs -
Installed services using
ng g s services/log --module.app.module
-These installations using the Angular CLI allows automatic addition to providers n theapp.module.ts
file -
Manually created a
models
directory with aLogs.ts
file for an interface of the 'Log' , then import it to thelogs.components.ts
andlog.sevice.ts
files
Other notes: imported the Observable
,the of
operator, and the BehaviorSubject
from the rxjs
library in the log.services.ts
file
- Chrome extension: Augury
-(For debugging and visualizing angular applications at runtime)
- Bootstrap V4 - jQuery - Popper.js - Font-Awesome:
npm install [email protected] jquery popper.js font-awesome
-Note for dependencies above: modify .angular-cli.json
file to add necessary styles and scripts for bootstrap and font-awesome dependencies. Then you can use inside your "componentName.component.html" files.
This project was generated with Angular CLI version 1.6.8.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.