https://github.com/svetlanam/kompilator-react-fe-assigment

Example task for candidates who wants only coding
https://github.com/svetlanam/kompilator-react-fe-assigment

assigment candidate coding coding-interviews jobs kompilator nextjs reactjs tailwindcss

Last synced: 3 months ago
JSON representation

Example task for candidates who wants only coding

• Host: GitHub
• URL: https://github.com/svetlanam/kompilator-react-fe-assigment
• Owner: SvetlanaM
• Created: 2022-03-30T10:01:32.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-30T10:01:44.000Z (over 4 years ago)
• Last Synced: 2026-03-31T06:30:41.874Z (3 months ago)
• Topics: assigment, candidate, coding, coding-interviews, jobs, kompilator, nextjs, reactjs, tailwindcss
• Language: TypeScript
• Homepage: https://kompilator.cz/
• Size: 296 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# NextJS project for candidates

1. Design the form based on UI kit specification bellow

## Inputs

![Default inputs](/public/default_input.png)

![State inputs](/public/input_states.png)

## Textarea

![Default textarea](/public/text_area.png)

## Select Box

Only closed state. For open use default browser design.

![Default textarea](/public/select_box.png)

## Buttons

![Button](/public/buttons.png)

# Layout design

1. Form should be located in the middle of the screen horizontally and vertically

2. Every field on separated row.

3. Max width of the field shoud be 2/5 of the screen size

4. Button is the last form element below the form