Nowoczesna platforma księgarska z funkcjami AI, interaktywnym czytaniem i systemem społecznościowym.
Użytkownicy mogą przeglądać i dodawać książki do ulubionych, rezerwować je w koszyku na 15 minut (po czym wracają do dostępnych produktów, jeśli nie zostaną kupione). Mogą także wystawiać recenzje. Każdy użytkownik posiada dostęp do próbki książki, którą może otworzyć i przeczytać. Platforma łączy nowoczesne technologie z intuicyjną obsługą, zapewniając wygodę oraz dzieleniem się opinią o książkach.
- Sklep z książkami - katalog książek różnych kategorii, sortowanie oraz wyszukiwarka
- Interaktywna książka - możliwość czytania próbek książek online z funkcją stronicowania
- Asystent AI "Owly" - inteligentna sowa, która pomoże w wyborze książki
- System recenzji - ocenianie i komentowanie książek
- Lista ulubionych - dodawanie książek do ulubionych, aby wrócić do nich w dowolnym momencie
- Koszyk zakupowy - książki rezerwowane na 15 minut z automatycznym zwrotem
- System użytkowników - rejestracja, logowanie, profile (możliwość zalogowania przez Google i GitHub)
- Responsywny design - dostosowanie do różnych urządzeń
Bezpieczne logowanie z walidacją w czasie rzeczywistym
Przejrzysta strona główna wraz z nawigacją
Katalog z wyszukiwarką
Immersyjne doświadczenie czytania z funkcją stronicowania
Inteligentna Owly AI pomagająca w wyborze książek
Koszyk z 15-minutową rezerwacją książek
Profil ze statystykami i możliwością zmiany danych
Zbieranie i organizowanie ulubionych pozycji
Dopasowanie strony na różnych urządzeniach
|
🔧 Backend
|
🎨 Frontend
|
🗄️ Baza danych & Inne
|
- Node.js
- MongoDB
- npm lub yarn
cd backend
npm install
# skopiuj i skonfiguruj zmienne środowiskowe
cp .env.example .env
# następnie otwórz plik .env i uzupełnij o prawdziwe wartości
# wypełnij bazę danych przykładowymi danymi
node seed.js
# Uruchom serwer
npm startcd frontend
npm install
# Uruchom aplikację
npm run devAplikacja będzie dostępna pod adresem http://localhost:5173
- Spójna paleta kolorów w odcieniach brązu i beżu inspirowane naturalnymi materiałami, jak papier czy drewno, nadają platformie ciepły i przytulny charakter
- Responsywny layout działający na wszystkich urządzeniach - od telefonów po duże ekrany komputerów
- Intuicyjna nawigacja wyraźny podział na sekcje, łatwo dostępne menu główne oraz szybki dostęp do kluczowych funkcji, takich jak wyszukiwanie, koszyk czy profil użytkownika.
- Customowy przycisk wyszukiwania zaprojektowany w bajkowym stylu w chwili najechania kursorem pojawiają się liście
- Animacje i efekty hover płynne przejścia oraz delikatne efekty, które pojawiają się przy najechaniu na elementy interfejsu, zwiększają atrakcyjność wizualną.
- Interaktywna książka każda książka ma próbkę tekstu który można przeczytać w interaktywnej stronicowanej książce
- Tło ze spadającymi książkami w sekcji polityka prywatności, regulamin oraz dostawy znajduje się animacja gdzie książki opadają jak liście, tworząc przyjemny i bajkowy klimat
Niektóre elementy interfejsu zostały zaprojektowane w Figmie docs/design/Bookly.fig
- System płatności - kompletny walidowalny formularz do płatności i jej symulacja
- Zaawansowane filtry - bardziej precyzyjne wyszukiwanie książek
- Społeczność czytelników - forum dyskusyjne dla czytelników
- Integracja z API - różnych księgarń zewnętrznych
- Optymalizacja kodu - doskonalenie wydajności
- Podział na ebooki i audiobooki - próbki audiobooków (nagrań) oraz e-czytnik z próbkami
- Historia zakupów - wszystkie zakupione książki na platformie
Ten projekt jest udostępniany na licencji MIT - LICENSE.
Projekt stworzony jako demonstracja umiejętności fullstack development.
Stworzone z ❤️ przez Ewelina Musińska
⭐ Jeśli podoba Ci się ten projekt, zostaw gwiazdkę! ⭐