Skip to content

Fabiano1010/BookTracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 

Repository files navigation

#📖 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

image

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

image

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: image

  • Ś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ą: image

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

  • Edycji danych image

  • Usuwania książek image

  • Wyczyszczenia całej biblioteki image

    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 ⭐ Daj gwiazdkę, jeśli projekt Ci się podoba! ⭐

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published