Portfolio

Opis

Portfolio to aplikacja internetowa napisana w HTML, CSS, JS oraz Node.

Uruchomienie

Aby uruchomić aplikację należy sklonować repozytorium przy pomocy komendy:

git clone https://github.com/ArnikaZ/Portfolio_project.git.

Następnie należy wywołać polecenie npm run initialize.

Po inicjalizacji jest możliwość użycia następujących komend:

Komenda	Opis
npm run server	Rozpoczyna proces serwera
npm run client	Otwiera stronę główną aplikacji
npm run test-server	Wykonuje testy kontraktowe serwera i otwiera stronę z raportem
npm run test-client	Wykonuje testy jednostkowe klienta i otwiera stronę z raportem

Important

Komenda npm run server musi być wykonana przed testowaniem/otwarciem aplikacji.

Funkcjonalności

Aplikacja korzysta pośrednio z API https://jsonplaceholder.typicode.com (zapytania trafiają najpierw do naszego serwera a potem dopiero do API). Umożliwia przeglądanie, dodawanie, filtrowanie i sortowanie postów, wyświetlanie informacji o użytkowniku, wyświetlanie jego postów, albumów oraz zawartych w nich zdjęć.

Strona główna

Po uruchomieniu wyświetla się strona główna:

Wyświetla posty oraz umożliwia ich filtrowanie oraz sortowanie na podstawie:

• Imienia i nazwiska użytkownika
• Długości posta (w znakach)

Profil użytkownika

Po kliknięciu w użytkownika w poście wyświetla się profil użytkownika:

Zawiera ona informacje o użytkowniku, jego albumy oraz kilka ostatnich postów.

Zawartość albumu

Po kliknięciu w album wyświetla się zawartość albumu:

Zawiera ona wszystkie zdjęcia należące do albumu, tytuł oraz ilość zdjęć.

Testy

Do testowania naszego serwera wykorzystaliśmy biblioteki Jest oraz supertest.

Po uruchomieniu testów, generowany jest raport, z którego można wyciągnąć bardziej szczegółowe dane.