\subsection{Front-end}

\hspace{0.5cm} Użytkownicy będą korzystali z naszej aplikacji za pośrednictwem strony internetowej. Nawigacja po niej będzie realizowana poprzez zastosowanie paska nawigacyjnego na górze ekranu. Dzięki niemu będzie można przejść między innymi do rejestracji i logowania. Po rejestracji i zalogowaniu do systemu użytkownik będzie mógł przejść do następujących komponentów:
\begin{itemize}

    \item strona główna - będzie zawierała najważniejsze informacje dotyczące wykupionych przez niego subskrybcji
    \item profil użytkownika - komponent, w którym będą zebrane informacje o koncie zalogowanego użytkownika
    \item zakup subskrypcji - miejsce, w którym użytkownik będzie mógł nabyć nową subskrypcję
    \item statystki - komponent, gdzie będzie zbiorcze zestawienie danych dotyczących wszystkich subskrypcji użytkownika
\end{itemize}
\begin{center}
    \includegraphics[scale=0.75]{sitemap_not_li.png}
    \includegraphics[scale=0.75]{sitemap_logged_in.png}
\end{center}
 href='/guix/about/'>about</a><a href='/guix/'>summary</a><a href='/guix/refs/?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>refs</a><a class='active' href='/guix/log/tests/profiles.scm'>log</a><a href='/guix/tree/tests/profiles.scm?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>tree</a><a href='/guix/commit/tests/profiles.scm?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>commit</a><a href='/guix/diff/tests/profiles.scm?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>diff</a></td><td class='form'><form class='right' method='get' action='/guix/log/tests/profiles.scm'>
<input type='hidden' name='id' value='4f4c38c881d4224dc545c82253d2a8f631f95927'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/guix/log/?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>root</a>/<a href='/guix/log/tests?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>tests</a>/<a href='/guix/log/tests/profiles.scm?id=4f4c38c881d4224dc545c82253d2a8f631f95927'>profiles.scm</a></div><div class='content'><table class='list nowrap'><tr class='nohover'><th class='left'>Age</th><th class='left'>Commit message (<a href='/guix/log/tests/profiles.scm?id=4f4c38c881d4224dc545c82253d2a8f631f95927&amp;showmsg=1'>Expand</a>)</th><th class='left'>Author</th></tr>
<tr><td><span title='2022-10-22 01:46:55 +0200'>2022-10-22</span></td><td><a href='/guix/commit/tests/profiles.scm?id=a3619079f95213c4f983e69210ed12b38fd31022'>Remove now unnecessary uses of (guix grafts).</a><span class='msg-avail'>...</span></td><td>Ludovic Courtès</td></tr>
<tr><td><span title='2022-07-08 23:58:11 +0200'>2022-07-08</span></td><td><a href='/guix/commit/tests/profiles.scm?id=89e22887510ba5d546a4d7e391462e648942a7b6'>profiles: Support the creation of profiles with version 3 manifests.</a><span class='msg-avail'>...</span></td><td>Ludovic Courtès</td></tr>
<tr><td><span title='2022-07-01 23:29:16 +0200'>2022-07-01</span></td><td><a href='/guix/commit/tests/profiles.scm?id=4ff12d1de7cd617b791996ee7ca1240660b4c20e'>profiles: Do not repeat entries in 'manifest' file.</a><span class='msg-avail'>...</span></td><td>Ludovic Courtès</td></tr>
<tr><td><span title='2022-07-01 23:29:16 +0200'>2022-07-01</span></td><td><a href='/guix/commit/tests/profiles.scm?id=9b8c442b254b82196fe2492142b3c3bbbd891a1b'>tests: Augment profile collision test.</a><span class='msg-avail'>...</span></td><td>Ludovic Courtès</td></tr>
<tr><td><span title='2022-05-31 14:53:34 -0400'>2022-05-31</span></td><td><a href='/guix/commit/tests/profiles.scm?id=4f18b13436f52c107e66056a9dd3a13bb99c8030'>gnu: Remove python2-matplotlib.</a><span class='msg-avail'>...</span></td><td>Maxim Cournoyer</td></tr>
<tr><td><span title='2022-02-11 23:51:39 +0100'>2022-02-11</span></td><td><a href='/guix/commit/tests/profiles.scm?id=bc1ad69605b6c3e2744694758d63dfc216107a82'>tests: Pass #:guile to 'computed-file' &amp; co.</a><span class='msg-avail'>...</span></td><td>Ludovic Courtès</td></tr>
