m-oniqu3 / bookmark-it

Keep track of the books you've read and the books you want to read.

Home Page:https://bookmark-it.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bookmark

Bookmark | Your Online Bookshelf

Keep track of the books you've read and the books you want to read. Bookmark is a bookmarking application that allows readers to create an online bookshelf, to help track and organize their books/reads in a central location.

Screenshot of the home page Screenshot of the shelves page Screenshot of the book details page

Description

Bookmark is a bookmarking application, made for avid readers, that allows them to create their online bookshelf. The aim of Bookmark is to help readers and other book enthusiasts, track and organize their reads in a central location online. Users can search for authors and their books and add them to their library in the desired catetory : To Be Read, Reading, Completed or Did Not Finish. They can also add books to shelves that they create. For e.g. Romance, Favourites, Mystery, Spice.

Bookmark uses Firebase and consumes their Authentication and Database services. This enables users to login with their google account and save and access their data in realtime. Once logged in, users can start adding to their library.

Motivation

As an avid reader, I found it difficult to keep track of all my books, book recommendations or reading lists, since I just kept a list in my notes app or I scribbled it on whatever I could find nearby. This method was not effective as it was unorganized and unreliable. It became clear to me that I needed an easier, more functional way to organize all my reads, and so I created Bookmark with the aim of solving this problem.

Tools and Technologies

Bookmark was built using

  • React
  • React Router
  • Redux Toolkit
  • RTK Query
  • Firebase
  • Google Books API
  • React Toastify
  • Color Thief
  • Styled Components

Design File

Figma Design File

Features

Bookmark allows its users to:

  • Sign in and sign out
  • Search for books
  • View books on explore page
  • Get information on books
  • Add a book to the library
  • Move book to a different category in the library
  • Remove a book from the library
  • Create custom shelves
  • Add books to custom shelves
  • View books on custom shelves
  • Remove books from custom shelves
  • Edit custom shelves
  • Delete custom shelves
  • Save their data

About

Keep track of the books you've read and the books you want to read.

https://bookmark-it.vercel.app


Languages

Language:TypeScript 99.3%Language:HTML 0.5%Language:JavaScript 0.2%