OSK Expert
Kompletna strona internetowa dla ośrodka szkolenia kierowców — od projektu UI po wdrożenie. Panel administracyjny, system aktualności, terminy kursów i statystyki odwiedzin dla właściciela.
Strona w akcji
Freelance dla
prawdziwego klienta
Właściciel OSK Expert potrzebował nowoczesnej strony internetowej, która przyciągnie nowych kursantów i jednocześnie ułatwi codzienne zarządzanie treścią bez pomocy programisty.
Zaprojektowałem i wdrożyłem całą stronę od zera — projekt graficzny, kodowanie frontendu, backend w PHP oraz panel administracyjny dostępny tylko dla właściciela.
Stack technologiczny
Jak to działa
Admin zarządza trzema datami: poprzedni, najbliższy i kolejny kurs. Najbliższy termin pojawia się jako pływający przycisk na każdej podstronie.
SELECT prev_date, curr_date,
next_date
FROM course_dates
ORDER BY id DESC LIMIT 1;
Formularz w panelu admina zapisuje post (tytuł, treść, zdjęcie) do MySQL. Strona wyświetla posty posortowane od najnowszych.
INSERT INTO news (title, content, image, date) VALUES (?, ?, ?, NOW());
Przy każdym wejściu na stronę PHP upsertuje rekord dla dzisiejszej daty. Panel admina wyświetla dzienny wykres.
INSERT INTO visits (date, count) VALUES (CURDATE(), 1) ON DUPLICATE KEY UPDATE count = count + 1;
Panel chroniony przez session_start() i walidację hasła bcrypt.
Próba wejścia bez sesji przekierowuje do strony logowania.
if (!isset($_SESSION['admin'])) {
header('Location: /login.php');
exit;
}
Rozwijalne pytania i odpowiedzi — CSS transition na max-height,
przełączane przez JS bez przeładowania strony.
item.addEventListener('click',
() => item.classList
.toggle('open'));
Wizualna ścieżka krok po kroku dla nowego kursanta — karty naprzemiennie lewo/prawo z linią połączenia.
/* Naprzemienne pozycje */
.step:nth-child(odd) { left: 0; }
.step:nth-child(even) { right: 0; }