CSI-CATT/Book-Store-app-Hacktoberfest2025

馃摉 Add Book Details Page for Individual Books

Open

#10 opened on Oct 11, 2025

聽(2 comments)聽(0 reactions)聽(1 assignee)JavaScript聽(6 forks)auto 404
Beginner-FriendlyHacktoberfest-acceptedenhancementgood first issuehacktoberfest

Repository metrics

Stars
聽(2 stars)
PR merge metrics
聽(PR metrics pending)

Description

Description: Currently, clicking on a book card doesn鈥檛 open a detailed view. I would like to add a Book Details Page that displays complete information about a selected book. This feature will improve navigation and give users a more informative and engaging experience.

Proposed Changes:

馃З Functionality:

When a user clicks on a book card, navigate to /books/:id (or a similar route).

Fetch detailed data for that specific book (title, author, price, description, rating, etc.).

Display book cover image, summary, author info, and availability.

Include an "Add to Cart" or "Buy Now" button for future integration.

馃帹 UI Improvements:

Design a clean and responsive layout for the book details page.

Highlight important info with clear typography and spacing.

Add subtle animations for smoother transitions.

Maintain consistency with the app鈥檚 overall color scheme and theme.

Benefits:

Provides users with more detailed information about each book.

Enhances overall user engagement and browsing experience.

Lays the groundwork for future features like cart or wishlist.

Request: Please assign this issue to me under Hacktoberfest 2025. I鈥檇 love to work on implementing the Book Details Page and ensure it blends seamlessly with the existing UI. 馃檶

Contributor guide