/NFQ_Academy_Frontend_Website

NFQ company test task for academy selection. Now deployed https://pjchessshop.firebaseapp.com/

Primary LanguageTypeScript

NfqFrontendApp

This project was generated with Angular CLI version 6.0.7.

Užduotis Nr. 2

Tavo draugas turi mažą verslą, gamina mažiausiai du produktus arba teikia paslaugas. Vakarojant prasitarė, kad norėtų internetinės svetainės - parduotuvės. Kol kas kalba eina tik apie vartotojo sąsają (frontend). Pasiūlyk savo draugui sprendimą:

Panaudojant HTML, CSS, JavaScript (ir pasirinktinai biblioteką arba karkasą, pvz., React), sukurk du puslapius:

  1. Pirmas puslapis – produktų / paslaugų sąrašo puslapis su paieška;
  2. Antras puslapis – užsakymų sąrašas su konkrečių užsakymų paieška.

Reikalavimai sprendimui:

  • Duomenų struktūrose (objektuose, masyvuose, localstorage ar pan.) turi būti bent po 50 prasmingų įrašų;
  • Vartotojo sąsaja turi būti sugeneruojama iš turimų duomenų ir pagal juos atvaizduojama (rendered);
  • Konkrečių prekių/paslaugų ar užsakymų paieška turi veikti be puslapio perkrovimo (refresh), paieškos rezultatas atvaizduojamas tame pačiame sąraše
  • Vertinsime sprendimo kokybę ir išbaigtumą atsižvelgiant į šiuos aspektus:

Main Features – List, Paging, Search, Filter Frontend – Framework, Data Storage, CSS, DOM, ES6, NPM, HTML5

  • Už nulūžimus balai atimami;
  • Papildomi balai skiriami už puslapiuojamą ir filtruojamą užsakymų ir produktų/paslaugų sąrašą, taip pat už galimybę naviguoti puslapiuose be naršyklės persikrovimo (refresh) - frontend router.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app 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. Use the --prod flag for a production build.

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 Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.