1 of 35

Technical Assessment

2 of 35

About Application

BookshelfX is an innovative library management app. Powered by an AI companion, it offers personalized book recommendations based on user preferences, making it easier to discover new favorites. The app features a user-friendly interface with separate functionalities for users and librarians, allowing seamless book searches, borrowing, and returning processes. Whether you’re a casual reader or a library enthusiast, BookshelfX is your go-to app for all things books.

3 of 35

User Perspective

4 of 35

User Dashboard

The User Dashboard features two main sections: Featured Books and User’s Personal Favorites. If a book is currently rented, the color of its card will change to indicate its status. Additionally, when users hover over the card, a prompt will appear, informing them whether the book is rented, not available, or under review for return.

5 of 35

Featured Books

Showcases a curated collection of featured books selected by the librarian. Users can easily navigate through the collection using sorting and filtering options. The books are displayed with paginated rendering to enhance user experience and accessibility.

6 of 35

Category wise books

Showcases all available book categories. When a user clicks on any category, it displays the books within that specific category. As shown in the screenshot, also includes pagination to enhance accessibility and user experience.

7 of 35

All Books

Showcases all available books in the library, providing users with a comprehensive view of the library’s collection. The interface includes pagination to ensure easy navigation and accessibility, allowing users to browse through the entire collection efficiently.

8 of 35

My Favourite Books

a personalized collection where users can save and showcase their most cherished reads.

9 of 35

Rental history

Displays both active and closed rentals, organized by the rental date. It shows the books currently rented out as well as those that have been returned. This feature also provides users with the functionality to return their rentals directly through the system.

10 of 35

Settings

A user can set a new password for their account or re-edit their favourite categories for suggestion on dashboard.

11 of 35

Notification and user Account option

Notifies users about their rentals, including rental returns and any overdue items. It also provides users with the ability to access and review their account details, ensuring they stay informed about their rental status and history.

12 of 35

My account details

Displays detailed information about the user’s account, including rental history and personal details. It also provides an option for users to permanently delete their account, ensuring they have full control over their personal data.

13 of 35

Searching for books

Users can search for books using specified fields. To distinguish between the search parameter and the search input, a special character ‘/’ is used. This character helps the system determine what to search for in the database, ensuring accurate and efficient search results.

14 of 35

User - Individual book representation

15 of 35

Example book representation

This is how a individual book is represented with all the details of book, with option of checkout and AI assistant named MONIKA.

16 of 35

Book Reviews

A slider based book reviews provided here for each book and in case if the book doesn't have reviews "No Reviews Available at the moment, may be you will like it. Read and review it”

17 of 35

Checking out of book

To rent this book, type “RENTBOOK” in the designated field. Once entered, the “Submit” button will become available, allowing you to complete the rental process.

18 of 35

Librarian Perspective

19 of 35

Librarian Dashboard

The librarian’s dashboard provides a snapshot of library operations, showcasing 279 total books, 20 users, and a clear comparison of available versus rented books. It includes visualizations like bar graphs and pie charts to display book categories and user preferences, helping the librarian manage inventory and user engagement efficiently.

20 of 35

Adding Books to library

Books can be added to the library in two ways: by importing them from Google or by manually entering each detail.

21 of 35

Adding books using GOOGLE

On click of a book

On Click of “ADD to Shelf”

22 of 35

Adding book Manually

On click of “ADD to shelf”

23 of 35

Delete Books

A librarian can delete single or multiple books and has the ability to search for specific books using the search feature.

24 of 35

Delete books

On Clicking delete Book

25 of 35

Edit Books

A librarian can Edit books and has the ability to search for specific books using the search feature.

26 of 35

Edit books

On click of edit book

27 of 35

User Rental History

Here are both active and close rentals where a librarian can view/Close a rental of users.

28 of 35

User Rental History

A librarian can download rental history of the library as a “PDF”

29 of 35

Monika - AI assistant for books

30 of 35

Librarian perspective

A librarian uses Monika’s assistance to edit books, decide whether they should be featured, and make several other decisions.

31 of 35

User Perspective

A user can learn more about the book before renting it.

32 of 35

Emails sent for specific tasks

33 of 35

34 of 35

Analytics submitted by vercel on deployment

35 of 35

Speed analytics

On Deployment over vercel, the speed of the page loading and data trade were analyzed, after approx. 20+ times of testing everything it proposed analytics of speed as given.