Introduction to Angular Codelab
\In this codelab, you'll build a housing app with Angular. The completed app will feature the ability to view home listings based on user search, and view details of a housing location.
You'll build everything with Angular using Angular's powerful tooling and great browser integration.
Here's a preview of the finished application:
The step-by-step guide can be found at https://codelabs.developers.google.com/introduction-to-angular
potential improvements
- search for different parts of locations (not just city; in searchHousingLocations of housing-list.component.ts) - as suggested in step 6
- use services in Angular to share data between components (instead of Input decorator) - as suggested in intro step 5
- implement functionality to undisplay opened details (e.g. by click on same button, which displays details (which changes it's text & functionality to undisplay after click on initial view))
- implement cursor change to click intent on hover over clickable elements
- angular intro suggested improvements/features/refactorings
- make search button work when pressing enter (as usually) - not just when clicking on search button or moving there with tab-key
- deploy angular app - so that anyone can use it in the browser
- how complicated & costly (free?) is this for angular apps?
- what do you need for that?
- can you do it like for a static website (aka. how static is a basic angular app?)?
details2 (branch)
- use chat gpt suggested approach to display details directly below location name (maybe even be able to toggle (open/close) on click?!)