recipe app

Angular 4 Anwendungsrezeptbuch

Projektansicht

> git clone https://github.com/jwill9999/recipe-app.git
> cd recipe-app
> npm install
> ng serve

To Log In to example project 

> User :      [email protected]
> password:   123456

> Create a src/app/services/.configuation file 
> add a FIREBASE AUTHENTICATION config file which you can obtain when you create a firebase app auth account.
> example code can be found in the configuration.example.ts file

Rezepte

Eine umfassende Winkelanwendung, die alle Angular 4 -Updates abdeckt. Das Projekt konzentriert sich auf die wichtigsten Merkmale und Fähigkeiten, die erforderlich sind, um eine moderne Winkelanwendung erfolgreich zu implementieren. Der Code wird als einfache Referenz kommentiert und Links unten liefern zusätzliche Ressourcen. Voll funktionale CRUD -Operationen mit HTTP -Zugriff mit RxJS Observables.

Schlüsselmerkmale

Komponenten

Authuards

Firebase -Authentifizierung

Personalisierung

Dienstleistungen

Bildet sowohl reaktiv als auch Vorlage

HTTP -Anfragen

Observable

Routing ActivatedRoutes und Params

Eingangs- und Ausgangsdekoratoren

CRUD -Operationen zu Rezepten und Einkaufsliste

Datenbankintergration

Modelle

Erstellen einer Richtlinie

... um einige zu nennen

Links

Winkeldokumente

Winkel -API -Referenz

CLI QuickStart -Vorlage

Routing

Rohre

Einsatz

Empfohlener Angular 4 Tutorial Maximilian Schwarzmüller

Dieses Projekt wurde mit Winkel -CLI erzeugt

---

Entwicklungsserver

Führen Sie ng serve für einen Dev -Server aus. Navigieren Sie zu http://localhost:4200/ . Die App wird automatisch neu laden, wenn Sie eine der Quelldateien ändern.

Code -Gerüst

Führen Sie ng generate component component-name um eine neue Komponente zu generieren. Sie können auch ng generate directive/pipe/service/class/module verwenden.

Bauen

Führen Sie ng build aus, um das Projekt zu erstellen. Die Build -Artefakte werden im dist/ Verzeichnis gespeichert. Verwenden Sie die -prod -Flagge für einen Produktionsbau.

Auslaufeinheitstests

Führen Sie ng test aus, um die Unit -Tests über Karma durchzuführen.

Durchführung von End-to-End-Tests

Führen Sie ng e2e aus, um die End-to-End-Tests über den Prognraktor durchzuführen. Stellen Sie vor dem Ausführen der Tests sicher, dass Sie die App über ng serve bedienen.

Weitere Hilfe

Um mehr Hilfe bei der Angular CLI zu erhalten, verwenden Sie ng help oder schauen Sie sich das Angular CLI Readme an.