CSI-CATT/Book-Store-app-Hacktoberfest2025

Enhance UI of Contact Us Page

Ouverte

#9 ouverte le 11 oct. 2025

Voir sur GitHub
 (1 commentaire) (0 réaction) (1 personne assignée)JavaScript (6 forks)auto 404
Beginner-FriendlyHacktoberfest-acceptedenhancementhacktoberfest

Métriques du dépôt

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

Description

Description: The current About/Contact Us page UI is functional but could be significantly enhanced to improve the overall user experience and visual appeal. I would like to redesign and modernize the page.

Proposed Changes:

🖌️ UI Improvements:

  • Improve layout structure, spacing, and alignment for better readability
  • Apply consistent typography, color palette, and button styles to match the site’s theme
  • Add smooth animations using AOS or Framer Motion
  • Ensure the page is fully responsive across all devices
  • Add hover effects and icons for a more interactive feel
  • (For Contact Page) Enhance the contact form with validation and success/error messages

Benefits:

  • More visually engaging and modern UI
  • Improved user experience and readability
  • Consistent styling across the website
  • Responsive and accessible design for all screen sizes

Request: Please assign this issue to me under so I can start working on it. Thank you! 🙌

Guide contributeur

Direction de recherche
Examinez le code actuel de la page À propos/Contact dans le dépôt, identifiez la structure et les styles existants, puis planifiez des améliorations UI avec React et Tailwind CSS, en ajoutant des animations avec AOS ou Framer Motion.
Stack technique
reacttailwindcss
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.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
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
GitReactTailwind CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75