Skip to content

Modern Angular application to showcase stand-alone components, typed forms, signals and newer features

License

Notifications You must be signed in to change notification settings

loiane/modern-angular

Repository files navigation

Angular Shop

Angular Build

Sample project created to showcase the latest and modern Angular features:

  • Standalone Components and API (Angular v14 and v15)
  • Typed Forms (Angular v14)
  • Signals (Angular v16)
  • Input Validation (Angular v16)
  • New Control Flow (Angular v17)

Branches

  • classic: code with ngModules and RxJS for computed properties
  • main: latest code with all features mentioned above
  • standalone-components: standalone components and types forms
  • signals: standalone + signals

⌨️ Editor / IDE

  • Visual Studio Code
  • Angular Extensions link

Screenshots

Main page with products list:

Main Page

Cart page:

Cart Page

Executing the code locally

You need to have Node.js / NPM installed locally.

  1. Install all the required dependencies:
npm install
  1. Execute the project:
npm run start

This command will run the Angular project with a proxy to the Java server, without requiring CORS.

Open your browser and access http://localhost:4200 (Angular default port).