feat: Enhanced testimonials section with interactive carousel - #285
Merged
Merged
Conversation
- Replaced static 2-column testimonial grid with dynamic carousel - Added 5 detailed testimonials with profile images, ratings, and verified badges - Implemented smooth sliding carousel with prev/next navigation buttons - Added carousel indicator dots for direct slide navigation - Included auto-play functionality (5s interval) with pause on hover - Added touch/swipe support for mobile devices - Implemented keyboard navigation (arrow keys, Home, End) - Added statistics section showing Active Students, Average Rating, and Recommendation percentage - Fully responsive design for mobile, tablet, and desktop - Maintained theme support (light/dark mode) - Zero external dependencies - pure vanilla JavaScript - Accessible with ARIA labels and keyboard support Technical Implementation: - Created testimonials-carousel.js component with class-based architecture - Updated index.css with modern carousel styles and animations - Used CSS transforms for smooth 60fps animations - Implemented touch event handlers for mobile swipe gestures - Added visibility API integration to pause carousel when tab is hidden Resolves mugenkyou#280
github-actions
Bot
added
awaiting review
enhancement
📥 Pull Request ReceivedThank you for your contribution to College Daddy. Your pull request has been received and is currently under review. 🔗 Linked Issues
✅ Pre-Merge ChecklistPlease ensure the following requirements are met:
👤 Reviewer Assigned@mugenkyou has been assigned to review this pull request. Our team will review your submission shortly. We appreciate your effort in improving the platform for students. |
🎉 Pull Request Merged SuccessfullyContributor: @meharkp7 Your pull request has been successfully merged into the main codebase. Thank you for your valuable contribution to College Daddy. 🚀 Next StepsWe encourage you to:
We value your commitment to improving educational technology and look forward to your continued involvement. |
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Related Issue
Closes #280
Description
Enhanced the testimonials section to make it more engaging, visually appealing, interactive, and accessible.
This PR transforms the existing static testimonials layout into a fully responsive interactive carousel with improved visual hierarchy, animations, accessibility support, and user-focused design enhancements.
Features Added
Interactive Carousel
Accessibility Improvements
Mobile & Responsive Enhancements
Enhanced Testimonial Cards
UI/UX Improvements
Files Added/Modified
Added
testimonials-carousel.jsModified
index.htmlindex.cssPerformance & Technical Notes
Testing Done
Checklist