Platforma historii z podróży
Platforma podróżnicza z logowaniem, profilami użytkowników i publikowaniem własnych historii.
RolaFrontend developer + wsparcie backendu
TypFullstack platforma contentowa
LokalizacjaProjekt kursowy
ZakresBudowa skalowalnej platformy treściowej z autoryzacją, publikowaniem historii i profilem użytkownika.
StackNext.js, TypeScript, Node.js, REST API
Czas realizacji2 tyg.
Podsumowanie projektu
- Typ projektu
- Platforma fullstack
- Cel
- Zbudować platformę historii podróżniczych z kontami użytkowników, profilami i publikowaniem treści.
- Główne funkcje
- Autoryzacja
- Profile użytkowników
- Publikowanie historii
- Backend API
- Integracja z bazą danych
- Moja rola
- Wkład fullstack obejmujący frontend, backend API, strukturę danych i implementację funkcji.
- Stack
- React
- Node.js
- MongoDB
- REST API
- Rezultat
- Platforma fullstack z kontami użytkowników, publikowaniem treści i uporządkowaną integracją backendu.
Problem
Projekt wymagał stworzenia platformy fullstack, w której użytkownicy mogą rejestrować konta, publikować historie, zarządzać profilem i wchodzić w interakcje z treścią.
Rozwiązanie
W zespole 12-osobowym realizowałem zadania frontendowe i wspierałem backend. Zaimplementowałem kluczowe komponenty UI, między innymi nagłówki, modale, karty historii i ścieżkę edycji profilu, oraz pracowałem nad wspólnymi strukturami danych.
Efekt
Platforma obsługuje autoryzację, publikowanie i interakcje użytkowników, pokazując praktyczną architekturę fullstack i pracę zespołową.
Co zrobiłem
- Zaimplementowałem kilka wariantów nagłówka dla różnych kontekstów strony
- Zbudowałem komponent modala potwierdzającego (ConfirmModal)
- Przygotowałem komponenty kart historii
- Zaimplementowałem stronę edycji profilu
- Wdrożyłem logikę aktywnej nawigacji na podstawie trasy
- Zintegrowałem system SVG sprite
- Zoptymalizowałem zasoby obrazów i strukturę katalogu public
- Wsparłem typowanie backendu i wspólne struktury danych
- Dodałem dokumentację projektu (README)
Platforma historii z podróży
Publiczny widok startowy zapraszający nowych użytkowników.
Platforma historii z podróży
Widok po zalogowaniu z rozszerzoną nawigacją i dodatkowymi akcjami.
Platforma historii z podróży
Ścieżka logowania dająca dostęp do publikacji i funkcji profilu.
Platforma historii z podróży
Dopasowanie głównego widoku aplikacji do desktopu i mobile.
Platforma historii z podróży
Główny feed historii wraz z sekcjami odkrywania według kategorii.
Platforma historii z podróży
Katalog autorów ułatwiający przeglądanie profili użytkowników.
Platforma historii z podróży
Obszar profilu do zarządzania aktywnością i zapisanymi treściami.
Platforma historii z podróży
Ścieżka publikacji nowych historii podróżniczych.
Platforma historii z podróży
Widok artykułu z metadanymi autora i kontekstem kategorii.
Potrzebujesz strony, która ułatwia klientom kontakt?
Przygotuję przejrzystą stronę z prostą ścieżką do zapytania, rezerwacji albo rozmowy.