monacodelisa / Angular-HomesApp

🅰 Angular • RxJS • TypeScript • Angular Material • SCSS • SPA - frontend visualizing locations list, retrieved from my NodeJS REST API

Home Page:https://homesapp.monacodelisa.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Homes App - VIEW LIVE

watch the Angular Tutorials to build a similar app

Since I already added the locations list to the simple Node.js & Express REST API that I developed, I thought it might be nice to have the matching frontend to go along.

This is not my first app and I am not following every single instruction from the tutorial but I am keeping the app fairly similar.

What I added:

  • REST API to serve the location data

  • Angular v17 - new control flow and other adjustments

  • Angular Material  angular material logo

  • Form Validation with <mat-error> - adjusted this version

  • my styling

  • Netlify deployment synced with GitHub

This project was generated with Angular CLI version 17.0.8.

Development server

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.

Code scaffolding

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

🅰 Angular • RxJS • TypeScript • Angular Material • SCSS • SPA - frontend visualizing locations list, retrieved from my NodeJS REST API

https://homesapp.monacodelisa.com/


Languages

Language:TypeScript 55.3%Language:HTML 23.0%Language:SCSS 21.7%