frontend-assignment

---

Anton Ilchuk

Repo

https://github.com/bkmxer/DEPT-assignment See the list of commits to track the work done: https://github.com/bkmxer/DEPT-assignment/commit/283b73dddde8d23ac334e049e9ee4656334aeb04 https://github.com/bkmxer/DEPT-assignment/commit/60099440d5a97d570cc01133abf51edf07299dc5 https://github.com/bkmxer/DEPT-assignment/commit/eb4cd58e851e5f670559c6ec484138d96882a4ee https://github.com/bkmxer/DEPT-assignment/commit/e0379cc4ba4c05faa8cbb700ddbef8417b2b8501 https://github.com/bkmxer/DEPT-assignment/commit/2f2ba2c5fa23c63744b5e4a7bdb75fc4c7545d75

Screencast

• Failed and successful Flows can be found in the proof folder

requirements to install and review the project and job done: node 10.12.0

• npm i

• npm run start

• check localhost for /assignment.html

• Besides the requirements, worked on the accessibility, documentation, animations, transitions;

• Created components and utils (ex. validator, toast, modal(extended), subscription(extended));

• Did basic PWA setup fit

• Made a real endpoint AJAX call wit API utils

• simulating FAKE response if there's no string "DEPT" present in the form data (any field)

• investigated the possible translation mechanism (didn't have time to implement, but would go with filter approach): source/utilities/translator/README.md

• Added input validation and visual indication

• tried prototyping basic alt-color-scheme with native css variables approach