Pod tym linkiem znajdziesz prosty Landing Page złożony z headera, jednej sekcji, oraz footera.
Na początku chcielibyśmy, abyś zrobił/a clona naszego repozytorium i ustawił/a go jako prywatne - to bardzo dla nas ważne. Stwórz nowego brancha, na którym ustawisz pull requesta (ułatwi nam to sprawdzenie Twojej pracy).
Wszelkie linki użyte w projekcie powinny być zaślepkowe, mogą prowadzić np. do google.com
Kodując korzystaj z naszego design systemu. Na codzień pracujemy z tailwindcss v2. W repozytorium jest już gotowy plik konfiguracyjny dostosowany pod nasz design system.
Zależy nam na responsywnej stronie, w myśl techniki RWD.
Wszystkie teskty powinny być tłumaczone w trzech językach: Angielski, Niemiecki, Francuski. Odpowiednie pliki z tlumaczeniami znajdują się w repozytorium. Spróbuj również zakodować zmianę języka za pomocą linków w prawym dolnym rogu stopki. Do tego celu możesz skorzystać z paczki nuxt-i18n.
Zmiana wyboru w radio buttonie powoduje odpowiednią zmiane ikony / tekstu. Odpowiednie ikony wyeksportuj z Figmy.
Zdjęcia hostujemy przez cloudinary:
Hero - https://res.cloudinary.com/cstm/image/upload/v1646825329/lp/foreverforest/hero/A.webp
Logo - https://res.cloudinary.com/cstm/image/upload/v1646903333/lp/foreverforest/logo/A.webp
Dla uproszczenia przyjmijmy że operujemy walutą Euro.
Po wciśnięciu przycisku wybrane w forumlarzu dane powinny wysłać się na zaślepkowy endpoint, na przykład jeden z tych które znajdziesz tutaj: https://jsonplaceholder.typicode.com/. Spróbuj również zwalidować wcześniej podany w formularzu email w dowolny sposób.
Jeżeli dane zostały poprawnie wysłane, wyświetl stronę "Thank You"
Link do repozytorium: https://github.com/tylkocom/tylko-frontend-recruitment
Link do projektu: https://www.figma.com/file/96kRlhtQqkjQ5gwhVWLUqG/LP-Las-na-zawsze?node-id=0%3A1
Mamy nadzieję, że będzie to fajna przygoda. Jeśli masz jakiekolwiek pytania do nas lub do naszych designerów to dawaj znać!
Powodzenia i dobrej zabawy!
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# generate static project
$ npm run generateFor detailed explanation on how things work, check out Nuxt.js docs.