Skip to content

Conversation

JoyBrown252
Copy link
Contributor

Description
This PR introduces a new About Us page for the event planning application, showcasing our team structure and key members. The page features a clean, responsive design with consistent styling that matches our application's visual language.

Changes Made
Created About.tsx component with responsive layout
Implemented team member cards with placeholder icons
Added team information including names and roles
Applied consistent styling using Tailwind CSS
Implemented responsive grid layout (2 columns on mobile, 3 on tablets, 5 on desktop)

Design Features
Gradient background for visual interest
Shadow effects for depth and hierarchy
Responsive layout that adapts to different screen sizes
Consistent color scheme using cyan/blue gradient for the team member avatars
Clean typography with appropriate hierarchy

Testing
The component has been visually tested across different viewport sizes to ensure responsiveness.

@vercel
Copy link

vercel bot commented Oct 20, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
cs-25-2-team5 Ready Ready Preview Comment Oct 22, 2025 2:44pm

- Created SignUp.test.tsx with 4 test cases
- Set up Jest and Babel configuration for testing
- Added test dependencies and configuration files
- Tests verify form rendering, validation, and user interactions
- All tests passing successfully
Copy link
Contributor

@Boyce007 Boyce007 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you get screen recording of how this page looks

Copy link
Contributor

@Boyce007 Boyce007 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you get screen recording of how this page looks

@Boyce007
Copy link
Contributor

Deployment Logs where error is occuring

src/pages/SignUp.test.tsx(1,1): error TS6133: 'React' is declared but its value is never read.
src/setupTests.ts(4,12): error TS2304: Cannot find name 'global'.
src/setupTests.ts(5,40): error TS2591: Cannot find name 'require'. Do you need to install type definitions for node? Try npm i --save-dev @types/node and then add 'node' to the types field in your tsconfig.
src/setupTests.ts(6,3): error TS2304: Cannot find name 'global'.
src/setupTests.ts(7,3): error TS2304: Cannot find name 'global'.
Error: Command "npm run build" exited with 2

@JoyBrown252 JoyBrown252 changed the base branch from main to about-signup-tests October 22, 2025 15:07
@JoyBrown252 JoyBrown252 changed the base branch from about-signup-tests to main October 22, 2025 15:08
@JoyBrown252
Copy link
Contributor Author

Had to create a new pull request due to the branch rename.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants