React Developer - Rekrutacja (visual)

Zadanie

Zakoduj dostarczony projekt graficzny w formie html/css/js, wszystkie potrzebne pliki graficzne znajdują się się w folderze /images.

Projekt graficzny

• tutaj

Opis funkcjonalności:

• Kropki w prawym górnym rogu otwierają menu wysuwane z prawej strony
• Obrazki płyt działają jak slider który przesuwany strzałkami z dolnej części (można użyć sliderów dostępnych open source, np. Slick.js)
• Guzik play, powinien zmieniać swój stan na aktywny po kliknięciu
• Ikonka w dolnym lewym rogu, otwiera menu wysuwane z dołu z listą wszystkich utworów
• Player ma tylko imitować grającą muzykę, nie oczekujemy działającej aplikacji

Na co będziemy zwracali szczególną uwagę:

• Jak wygląda podział kodu na komponenty.
• Reużywalność komponentów
• Optymalizacje w kodzie, dobre praktyki.

Technologia:

• Wybór technologii dowolny, css, scss, sass, less, js, es6.
• Wszelka inwencja twórcza w animacjach jest dozwolona.

Rozwiązanie:

Wykonane zadanie prosze umieścić na publicznym repozytorium.