8000 GitHub - bansodeashish24/angular-notes-app: This is an Angular notes logging app. It demonstrates most of the commonly appearing angular web app use cases and makes for a good project to learn the basics.
[go: up one dir, main page]

Skip to content

This is an Angular notes logging app. It demonstrates most of the commonly appearing angular web app use cases and makes for a good project to learn the basics.

Notifications You must be signed in to change notification settings

bansodeashish24/angular-notes-app

Repository files navigation

AngularNotesApp 📝

This is an Angular notes logging app.

It demonstrates commonly appearing Angular webapp use cases and makes for a good project to learn the basics of Angular.

You can see the Demo here

This project was generated with Angular CLI version 14.0.3.

This project demonstrates the following Angular concepts:

  • Modules
  • Interpolation
  • Component Directive
  • Structural Directives
  • Attribute Directives
  • Property and event binding
  • Custom property and event creation using @Input() and @Output()
  • Services for the flowing use cases:
    • Data sharing
    • Functionality sharing
    • Inter-component communication
    • API calling
  • Browser Storage (localStorage)
  • Routing
    • RouterModule
    • Route configuration in routing file
    • Router outlets
    • Route redirection
    • Wildcard routes
    • Child routes
    • Module specific routes
    • Dynamic module loading
    • Relative routing
    • Absolute routing
    • Routing with route params
    • RouterLink and RouterLinkActive
  • Forms
    • Template Driven Forms
    • Reactive Forms
  • Angular Material
    • Buttons
    • Menu
    • Input
    • Textarea
    • Drawer

How do I run the development server locally?

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

How do I add new elements to my project?

Use Code scaffolding like so: 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.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

About

This is an Angular notes logging app. It demonstrates most of the commonly appearing angular web app use cases and makes for a good project to learn the basics.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0