Prueba Prueba técnica frontend

• UI components for Angular by @primeng & @primeflex.
• Routes and page navigation workflow with dynamic reutilizable components.
• Data model with name, description, gear, category, rating.
• Forms With Validation & alternative input elements (Radio Buttons, Autocomplete, Dropdown, Text Input, Text Area Input).
• @angular/service-worker to allow the angular app to work in offline mode and PWA.
• @angular-in-memory-web-api to emulate the backend workflow.

Extra Features

• Utilizing tags with diferent states ( Sucess, Info , Danger , Warning )
• Utilizing xlsx extended feature to export data to XLSX
• Able to Switch Heros to Villans utilizing Signals the new feature of Angular 16
• Including all PrimeNg Table Features as (Global Search, Pagination, Scrolleable, Resizable Columns, Filtering & Multiple Selections)
• Including The internationalization (i18n) Library For Angular to Support Multiples Languages

Unit Testing

Full Unit Testing

Directory Structure

 app/
    main/
		/componenents
		/interfaces
		/services
		/reusable-fragments
		main.module.ts

<!-- Dependencies -->
"@angular/animations": "^16.0.0",
"@angular/common": "^16.0.0",
"@angular/compiler": "^16.0.0",
"@angular/core": "^16.0.0",
"@angular/forms": "^16.0.0",
"@angular/platform-browser": "^16.0.0",
"@angular/platform-browser-dynamic": "^16.0.0",
"@angular/router": "^16.0.0",
"@angular/service-worker": "^16.2.9",
"angular-in-memory-web-api": "^0.16.0",
"@ngx-translate/core": "^15.0.0",
"@ngx-translate/http-loader": "^8.0.0",
"file-saver": "^2.0.5",
"moment": "^2.29.4",
"primeflex": "^3.3.1",
"primeicons": "^6.0.1",
"primeng": "^16.4.1",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"xlsx": "^0.18.5",
"zone.js": "~0.13.0"