Frontend Teszt Feladat
Kedves Jelentkező!
Örömmel fogadjuk, hogy megvalósítod egyik frontend fejlesztői otthoni feladatunkat.
Ha valami nem készül el teljesen, akkor is küldd el számunkra!l
Alább olvashatod a feladat szövegezését, melyet leginkább a mindennapi fejlesztői köznyelv jellemez, kérdések esetén fordulj hozzánk bizalommal.
A feladat
A látványterven szereplő oldal megvalósítása statikus, de reszponzív felépítésben.
A feladat egyes részeihez kapcsolódó információk:
Header
- A menü elemeire legyen hover variáció
- A menü elemei navigáljanak az oldal adott részéhez
Header + hero szekció
- A gomb navigáljon a következő szekcióra
Menu szekció
- A kis ételfotókra kattintva az adott étel leírása jelenjen meg
- A nutrition score rész legyen táblázat
- Plusz pont: Az egész szekció legyen egy slider ahol az ételprofil egy slide és a kis ételfotók legyenek a thumbnailjei (vagy bulletpointjai)
- Plusz pont: A flavor profile rész legyen animált, minden elem induljon a 0-ról
Galéria szekció
- A képekre kattintva nyíljon meg egy lightbox amiben az adott kép látható
- Plusz pont: a megnyíló galéria legyen lapozható
Elvárt technológiák:
- Bootstrap5
- SCSS
- natív JS
Megjegyzések
- A desktop felbontás fullHD szélességig terjed, mobilon pedig 350pixel az alsó szélesség határ. A sitebuild legyen teljesen reszponzív, ne essen szét semekkora felbontáson. Nincs kisebb felbontásra terv, a jelentkezőnek magának kell kialakítania az egyes részek kisebb felbontsára optimalizált verzióit.
- Elvárás a cross browser kompatibilitás.
- Third-party megoldások használata megengedett, de ezeket kérjük említsd meg a
readme-ben is!
A feladat megoldására max. 4 órát szánj. Amennyiben valamire nem marad időd, vagy egy plusz pontos feladatot csak részben oldasz meg, az nem feltétlenül probléma, az okáról írj pár szót a readme-ben.
A megoldást egy tömörített fáljban küldd el a karrier@webdream.hu címre.
Jó munkát neked és várjuk megoldásodat!
