INEZ ist ein INtelligenter EinkaufZettel, der für den Wettbewerb von IT-Talents in Angular gebaut wurde. Die App ist in der Lage den Eingabewert eines Users auf vorhandene Produkte zu mappen.
Ein Benutzer gibt über das Inputfeld einen Kaufwunsch an. Der Wunsch kann ggf. eine Menge in der Form einer Zahl beinhalten. Das Programm untersucht den Eingabewert auf vorhandene Zahlen und nimmt die erste gefundene Zahl, um die Menge zu determinieren. Des Weiteren sucht das Programm das passende Lebensmittel, welches sich in der Eingabe des Benutzers befindet. Die Lebensmittel sind hart kodiert im Programm zu finden.
Sollte ein Lebensmittel gefundene worden sein, so hat der Benutzer die Möglichkeit ein passendes Produkt auszuwählen. Das ausgewählte Produkt ersetzt die Beschreibung des Listeneintrages.
Jede Änderung an der Liste wird automatisch im LocalStorage des Browers gespeichert.
npm installinstallert alle notwendigen Paketeng servefor a dev server- Navigate to
http://localhost:4200/. The app will automatically reload if
Run ng test to execute the unit tests via Karma.
Der geschriebene Code befindes sich in src/app
Das Programm besteht aus folden Teilen:
- 3 Components
AppComponentHaupkomponente für den EinkaufzettelDeleteConfirmationComponentPop-up für die LöschbestätigungProductSuggestionsComponentPop-up für die Produktvorschläge
- 3 Klassen
FoodObject um ein Lebensmittel dazustellenProductObject welches ein kaufbares Produkt abbildetShoppingItemListenelement im Einkaufzettel
- 3 Servicen
LocalStorageServiceLocalStorage-VerwaltungShoppingItemServiceTransformiert Eingabetext zuShoppingItemProductServiceFindet die passendes Produkte auf basis von Lebensmitteln
Die UI wurde mit Angular Material umgesetzt.