Projekt wykonano na podstawie nadesłanych makiet.
Użyto React oraz create-react-app.
Projekt wykonaj wg. dołączonych makiet.
Done.
Przełączenie pomiędzy zakładkami powinno odbywać się bez przeładowania strony, w możliwie najprostszy sposób.
Done. Użyłem react-router.
Zastosuj czcionkę Roboto.
Done. Serwowane z Google Fonts.
About Us – strona ze statycznym tekstem.
Done.
Skicams – skorzystaj z JSON udostępnionego pod adresem:
https://makevoid-skicams.p.mashape.com/cams.json Wyświetl obrazki z dwóch kamerek z ośrodków narciarskich Andalo oraz Monte Bondone. Wyświetl aktualną datę w formacie DD-MM-YYYY.
Done. Zarówno kamerki z Andalo jak i Monte Bondone już nie nadają, więc pozwoliłem sobie wyświetlić obraz z Abetone.
Contact – zbuduj prosty formularz, który zostanie zwalidowany po naciśnięciu przycisku Send.
Pola Name oraz Email są wymagane, email powinien zostać wprowadzony w poprawnym formacie. Formularz nie powinien wysyłać żadnych danych. Panel z formularzem jest wyśrodkowany poziomo i pionowo.
Done.
Stopka znajduje się zawsze przy dolnej krawędzi okna (lub pod treścią, jeżeli nie mieści się ona w przeglądarce).
Done.
Strona powinna być responsywna – minimalna szerokość okna to 320px.
Done.
Możesz zastosować dowolne biblioteki / narzędzia. 10. Gotowy projekt spakuj do archiwum i nazwij go for-pgs.zip.
Done.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent