feat: Add 3D carousel and 50 more books with UI enhancements #21
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Key changes:
1. **Added 3D Carousel:**
* Researched and selected `react-responsive-3d-carousel`.
* Installed the library.
* Implemented the carousel on `src/Pages/Home/Home.jsx` under a "Featured Books" heading.
* The carousel displays `ProductCard` components, showcasing a selection of available books.
2. **Added 50 More Books (Mock Data):**
* Created `src/Assets/Data/newly_added_books.json` with 50 mock book entries.
* Integrated this data into the main application state:
* `src/Context/product-context.js` now combines these books with those fetched from the API, making them available sitewide (shop, filters).
* `src/Context/new-arrival-context.js` now combines `newRelease: true` books from the mock data with API new arrivals, populating the "New Arrivals" section.
3. **UI Enhancements:**
* The 3D carousel provides a new way to showcase books on the homepage.
* CSS styles were added to `src/Pages/Home/Home.css` to improve the layout, centering, and responsiveness of the carousel.
* The integration ensures new books are visible in multiple sections, enhancing content discovery.
This work addresses the issue by adding the requested functionality and content, focusing on frontend modifications.
❌ Deploy Preview for bookztron-dev-branch failed.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Key changes:
Added 3D Carousel:
react-responsive-3d-carousel.src/Pages/Home/Home.jsxunder a "Featured Books" heading.ProductCardcomponents, showcasing a selection of available books.Added 50 More Books (Mock Data):
src/Assets/Data/newly_added_books.jsonwith 50 mock book entries.src/Context/product-context.jsnow combines these books with those fetched from the API, making them available sitewide (shop, filters).src/Context/new-arrival-context.jsnow combinesnewRelease: truebooks from the mock data with API new arrivals, populating the "New Arrivals" section.UI Enhancements:
src/Pages/Home/Home.cssto improve the layout, centering, and responsiveness of the carousel.This work addresses the issue by adding the requested functionality and content, focusing on frontend modifications.