Celem projektu było dostarczenie aplikacji „Spotify MORE” pozwalającej użytkownikom na słuchanie oraz wyszukiwanie muzyki za pośrednictwem konta na Spotify.
Na głównej stronie znajduje się kilka elementów: pasek narzędzi, część do logowania oraz karuzela.
Zawiera on dwie funkcje: przełączanie na dark bądź light mode oraz zmiana języka. Języki dostępne na stronie to angielski oraz polski.
Z lewej strony użytkownik może znaleźć przycisk LOGIN, dzięki któremu zostanie zalogowany do swojego konta za pośrednictwem Spotify.
Z prawej strony znajduje się karuzela, która zawiera krótką instrukcję, dotyczącą działania strony.
Po pomyślnym zalogowaniu się, użytkownik zostaje przeniesiony na stronę Player.
Znajduje się tu pasek, umożliwiający wpisanie szukanej piosenki, miejsce, w którym pojawią się pasujące wyniki oraz odtwarzacz.
Po kliknięciu na daną piosenkę, zostanie ona odtworzona, a także pojawi się jej tekst.
W projekcie została zrealizowana responsywność stron.
Została również użyta biblioteka Prettier, służąca do formatowania kodu. Niniejsza biblioteka jest świetnym narzędziem, który wyłapuje błędy składni, automatycznie poprawia linie kodu według zdefiniowanej konfiguracji.
- JSX
- React
- Sass
- Axios
- i18next
- Infinite React Carousel
- React Spotify Web Playback
- React Switch
- Express.js
- Visual Studio Code
- Yarn
Aby uruchomić aplikację na lokalnej maszynie, wykonaj następujące kroki:
- Sklonuj repozytorium.
- Otwórz je w ulubionym edytorze.
- Zainstaluj zależności za pomocą komendy: yarn.
- Wystartuj serwer za pomocą komendy: yarn start.
Aplikacja będzie dostępna pod adresem: http://localhost:3000/