Shelfie is a user-friendly book-tracking app that assists individuals in managing their reading habits. This app is not just a tracker β it's a comprehensive reading assistant, designed to cater to the diverse needs of avid readers, book clubs, and casual readers alike.
Shelfie provides a virtual bookshelf for small and big bookworms that gives inspiration for your next read and supports you with important book details. With Shelfie you can track the books you've already read, that you are currently reading and books you would like to read in the future. With the app you can track your reading progress, search for books manually and set reading goals.
π Books Library: A user-friendly display showcasing a list of books, each with key details such as book title, cover, author, genre. Three buttons enable to mark books as "want to read", "currently reading" and "already read".
β¨ Book Details: Provide the user with an in-depth look at each book with more specific information like synopsis, publication details and page count.
π Reading List: Easily add and remove books to a reading list, ensuring they are conveniently saved for future reference. Within the reading list switch between books marked as "want to read", "currently reading" and "already read".
π Add Personal Notes and Rating: Enables adding own notes or annotations to books in order to enrich the users reading experience with personal insights and reminders. Also enables the user to add a rating for books that they have already been read.
π Filter Function & Searchbar: Explore books with ease by filtering based on various criteria including genre, publication year and page count. Quickly locate specific books within the book list using author name, title or year in the search bar.
π Reading Progress: Enables users to track their reading progress for each book they're currently reading. Users can update their progress by adding the pages they have already read. The app visually represents reading progress through intuitive progress bars.
π Reading Goals: Enables users to set reading goals by choosing how many books or pages one wants to read.
π° Random Book Discovery: A feature that presents users with randomly selected books to encourage the discovery of new genres and authors, broadening their reading palette.
Note: All features in Shelfie are developed with a strong emphasis on accessibility and responsive design, ensuring usability across various devices including desktops, tablets, and smartphones. Screen reader compatibility, adjustable text sizes, high-contrast modes, and seamless adaptation to different screen sizes are integral components of the app's design philosophy.
React | Next.js | styled-components | Vercel | Framer Motion
To work locally, please install the dependencies using npm i
first.
Run npm run dev
to start a development server and open the displayed URL in a browser.