Skip to content

Web Formular implemented as Quasar SPA App

We would like to creare a single page application containing a web formular. The application should be implemented using quasar. The app should be pushed into the repo

https://gitlab.cross-solution.de/CROSS/strategy/results/applicationform

This is a test task. There are no design specifications. It is about implementing the following fields with standard Quasar components. The task is finished as soon as I can check out the form and execute it via quesar dev.

The Formular will have 2 Sektions

Contact Data

first section for contact data contains 4 required text fields. It should be visible, that these fields are required:

  • Firstname
  • Lastname
  • Phone
  • E-Mail Adresse

Questions

the second section contain 4 questains which can be answered whith using Checkboxes, Text oder Dropdown.

Question 1: How old are you? (Answer as Dropdown)

  • 18 - 25 Jahre
  • 26 – 30 Jahre
  • 31 – 40
  • 41 – 50
  • 51 – 60
  • 60+

Question 2. Where dou you want to work? (Answer as Dropdown)

  • Hamburg
  • Kiel
  • Kassel
  • Magdeburg
  • Halle
  • Schwerin
  • Lübeck

Question 3: Do you have experiences to work as Call Center Agent (m/w/d)?

  • Ja, 0-2 Jahre
  • Ja, mehr als 2 Jahre
  • nein

Question 4: When do you want to work?

A user simply by checkbox can choose whether he can work full time or part time.

  • fulltime
  • parttime

Answer: Checkbox and a Timerage https://quasar.dev/vue-components/time#with-qinput

  • Mo-Fr checkbox for flexibel or a Timerange
  • Sat checkbox for flexibel or a Timerange
  • Sun and Holiday. checkbox for flexibel or a Timerange
Edited by Carsten Bleek