Praktyki@Dev-Code 2025

Projekt portalu logowania

Cześć, Na tej stronie znajduje się jeden z projektów, który wykonałem podczas miesięcznych praktyk w firmie Dev-Code w marcu 2025 roku. Celem projektu było stworzenie portalu logowania wraz z podstawową aplikacją internetową. Był to mój pierwszy większy projekt webowy. Podczas praktyk nauczyłem się wiele na temat działania back-endu aplikacji internetowych. Poniżej znajduje się prosta dokumentacja projektu.

Strona internetowa

Front-end

Aplikacja front-endowa została napisana z wykorzystaniem jQuery i składa się z trzech głównych widoków: logowania, rejestracji oraz strony głównej. Komunikuje się z serwerem za pomocą zapytań AJAX. W przypadku przesyłania danych, takich jak formularz rejestracyjny, weryfikacja odbywa się wstępnie po stronie klienta, zanim dane zostaną przekazane do serwera w celu utworzenia nowego konta. Sesja zalogowanego użytkownika przechowuje zaszyfrowany token logowania oraz unikalny IV (jeden z dwóch kluczy potrzebnych do odszyfrowania tokenu - jeden znajduje się po stronie serwera, drugi po stronie klienta). Front-end może przesyłać te dane do serwera w celu autoryzacji i pobrania informacji zapisanych w tokenie. Strona główna nie wymaga przeładowania - widoki są dynamicznie ładowane do kontenera treści, co pozwala na płynniejsze przechodzenie między sekcjami aplikacji.

Zdjęcia

Back-end

Część serwerowa została napisana w języku PHP. Odpowiada ona za walidację danych przesyłanych z front-endu oraz komunikację z bazą danych poprzez własne API. Każdy punkt API odpowiada za wykonanie konkretnego zapytania SQL i jest zabezpieczony za pomocą tokena autoryzacyjnego typu Bearer. Komunikacja z tymi punktami odbywa się przy użyciu CURL, który przesyła typ żądania, dane (payload) oraz token. Każdy punkt wejścia weryfikuje poprawność żądania i danych oraz autoryzuje token przed wykonaniem operacji. Back-end również szyfruje dane wysyłane do użytkownika i odszyfrowuje te przesyłane od niego.

Podsumowanie

Możesz zobaczyć projekt w działaniu klikając tutaj lub wybierając przycisk "Strona demo" w panelu nawigacyjnym. W zakładce "Pliki do pobrania" znajdziesz link do repozytorium GitHub oraz plik instalacyjny aplikacji mobilnej.