Skip to content

React book tracker app to find book recommendations, keep a reading list, and track completed books with a Firebase login allowing you to log in with a Google account.

License

Notifications You must be signed in to change notification settings

rsowald/MyLitLife

Repository files navigation

My-Lit-Life

A book tracking application where the user is able to track their reading lists, thoughts, and goals.

Table of Contents

Description

If you grew up reading Dr. Seuss, you have probably heard the quote: "The more you read, the more things you know. The more that you learn, the more places you'll go." With such words, Dr. Seuss inspired a generation of voracious readers to grow their reading lists to epic proportions. However, the bigger the reading list, the harder it is to track. That is why a good book tracker is imperative. The My Lit life app allows users to set reading goals, keep a to-read list, track thoughts on books they have read, and even load up the best sellers to their to-read list with the help of Google Books and The New York Times.

On the dashboard, the user will see their current read and make notes or write reviews about it. They can add any recent books and their thoughts on them to their completed book list. There is also a bestseller carousel where they can add New York Times bestselling books to their reading list. We have even included a widget to search for word definitions with Merriam-Webster.

The book queue page is the powerhouse of the app. This is where the to-read list is created and where a user can move their books into a completed book list. The user may search for a new book using our search bar powered by the Google Books API. Then they use drag and drop technology to place their result's book card in columns of want to read or finished reading. Book cards can be dragged to and from any column as your current read changes.

When books are added to the completed books list, they can all be accessed from the completed books page. They user can open book details for any of these books and add notes, write a review, or share how they wished the book had ended.

This application is still in the early stage of development, so more features and an even better user experience are soon to come.

Technologies:

  • Mongo database
  • React UI
  • Deployed on Heroku
  • Firebase authentication with Google sign in
  • Beautiful Drag and Drop
  • React-Bootstrap
  • Carousel-Slick
  • Chart JS
  • Third-party API's
    • Google Books
    • Merriam-Webster
    • Unsplash
    • NYT Best Selling Books

Usage

As a user, I aim to read a certain number of books per month and be able to clearly see where I am at with my goal. I want to create a list of books that I want to read and see which ones I have already completed. I also want to keep track of my thoughts about the book as I am reading and after it is completed.

  1. Navigate to the homepage at https://my-lit-life.herokuapp.com/
  2. Click "log in" button to log in as an existing user, create a new account with an email address, or sign in using Google credentials
  3. Once logged in, you will be redirected to the dashboard
  4. Set your reading goals by page or book count in the goals widget
  5. Add any books manually to your completed books list in the completed book form
  6. Look up words you are not familiar with as you read with the dictionary widget
  7. At the bottom of the dashboard, browse best sellers from the New York Times in the carousel and click "Add to Queue" button to add them to your reading list
  8. Using the navigation bar, navigate to the Book Queue page
  9. Use the search box to find books by title, author, genre, or ISBN
  10. From the populated results column, drag a book card to the book queue section to add it to the reading list or to the completed section to add it to your completed books list
  11. Cards can be dragged into and out of any column to add or remove them from their respective list
  12. Using the navigation bar, navigate to the Completed Books page to see a list of all completed books
  13. Click the "see details" button to open a modal containing rating, reading notes, review, and "how it should have ended" fields for that book.

Resources

Contributors

About

React book tracker app to find book recommendations, keep a reading list, and track completed books with a Firebase login allowing you to log in with a Google account.

Topics

Resources

License

Stars

Watchers

Forks