CSI-CATT/Book-Store-app-Hacktoberfest2025

Enhance UI of Contact Us Page

Open

#9 opened on Oct 11, 2025

View on GitHub
 (1 comment) (0 reactions) (1 assignee)JavaScript (6 forks)auto 404
Beginner-FriendlyHacktoberfest-acceptedenhancementhacktoberfest

Repository metrics

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

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! 🙌

Contributor guide

Research direction
Examine the current About/Contact Us page code in the repository, identify existing structure and styles, then plan UI improvements using React and Tailwind CSS, adding animations with AOS or Framer Motion.
Tech stack
reacttailwindcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitReactTailwind CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75