About the Project

BookTracker is a Vue.js application that helps you manage your reading list. It allows you to:

Search for books by title using the Google Books API

Add books with details like author, rating, reading time, genre, and personal opinion

Track statistics with progress bars showing:

• Average reading time vs. longest book

• Average rating (out of 5)

• Number of books read vs. total added

• Number of reviews written

• Favorite genre (based on most frequently added)

• Total reading time across all books

View your library with all added books:

• Edit or delete books (stored in localStorage)

• Clear the entire library if needed

Features

• Search & Add Books – Fetch book details from Google Books
• Reading Stats – Visual progress bars for insights
• Interactive Popup – Click any book to see/edit full details
• Persistent Storage – Data saved in localStorage

Tech Stack

• Vue.js (Composition API)

• Google Books API

Demo / Installation

git clone [repo-url]
npm install
npm run dev

You also need Google Books API Key, you can add yours in config.js If you liked the project, leave a star!

O Projekcie

BookTracker to aplikacja napisana w Vue.js, która pomaga śledzić przeczytane książki. Pozwala na:

Wyszukiwanie książek po tytule (Google Books API)

Dodawanie książek z autorem, oceną, czasem czytania, gatunkiem i opinią

Statystyki czytania z progress barami pokazującymi:

• Średni czas czytania vs. najdłuższa książka

• Średnia ocena (na 5)

• Liczba przeczytanych książek vs. wszystkie dodane

• Liczba napisanych opinii

• Ulubiony gatunek (najczęściej dodawany)

• Łączny czas czytania

Bibliotekę książek z możliwością:

• Podglądu szczegółów (popup po kliknięciu)

• Edycji danych

• Usuwania książek

• Wyczyszczenia całej biblioteki

  Przechowywanie danych w localStorage

Funkcje

• Wyszukiwanie książek – Dane z Google Books API
• Statystyki – Progress bary i podsumowania
• Interaktywny Popup – Pełne informacje o książce
• Dane w localStorage – Nie znikają po odświeżeniu

Technologie

• Vue.js (Composition API)

• Google Books API

Demo / Instalacja

git clone [repo-url]
npm install
npm run dev

Należy dodać klucz Google Books API w pliku config.js Zostaw gwiazdkę, jeśli projekt Ci się podoba!