CSI-CATT/Book-Store-app-Hacktoberfest2025

Issue: Add Right and Left Navigation Arrows for Book Carousel

Ouverte

#11 ouverte le 12 oct. 2025

Voir sur GitHub
 (2 commentaires) (0 réaction) (1 personne assignée)JavaScript (6 forks)auto 404
Beginner-FriendlyHacktoberfest-acceptedenhancementgood first issuehacktoberfest

Métriques du dépôt

Stars
 (2 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

📋 Description

Currently, the homepage book carousel only allows navigation through the small dots below to view the next set of books. This makes it slightly inconvenient for users to browse through the books quickly.

💡 Proposed Solution

Add right (›) and left (‹) navigation arrows to the carousel so users can easily move between book slides using the arrows instead of only relying on the dots.

🎯 Expected Behavior

  • Clicking the right arrow (›) should show the next set of books.
  • Clicking the left arrow (‹) should show the previous set of books.
  • The existing dot navigation should still work as it currently does.

🧩 Additional Notes

This enhancement will improve the overall user experience (UX) and make the carousel feel more intuitive and modern.

Guide contributeur

Direction de recherche
Recherchez le composant carrousel dans le code, comprenez la logique de navigation actuelle par points, puis ajoutez des boutons fléchés qui déclenchent les mêmes fonctions que les points (par exemple, aller au diaporama suivant/précédent). Assurez vous que les flèches sont stylisées avec Tailwind et positionnées correctement.
Stack technique
javascriptreacttailwindcss
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85