Add SignUp Page with Responsive Design

[Ryadav0654]

fixes: #85

Summary

This PR adds a new SignUp page to the project with a fully responsive design to ensure it functions well across various screen sizes (mobile, tablet, desktop). The page uses custom components and material icons for a modern UI and integrates with the existing Next.js routing.

Changes:

• SignUp Page:

  • Created a new /signUp page where users can sign up with email/password or Google.
  • Integrated responsive layout using Tailwind CSS to ensure the page looks great on mobile, tablet, and desktop screens.
  • Included a Google SignUp button with the Google Icon from Material UI.
  • Provided an input field for email registration using the custom Input component.
  • Provided a SignUp button for submitting user data using the custom Button component.

• Responsive Design:

  • Utilized Flexbox for layout and alignment.
  • Added breakpoints to adjust font size, spacing, and component layout for different screen sizes.
  • Ensured the page is optimized for small screens (mobile) and scales up gracefully to larger screens (tablet, desktop).

• Code Structure:

  • React functional component in page.tsx with the required hooks and handlers.
  • Stored any sensitive or dynamic routing inside the component logic.

Screenshots:

1. Mobile View :

2. Desktop View:

How to Test:

1. Pull the branch locally.
2. Make sure your .env.local is set up with the correct Clerk publishable key.
3. Run the development server using npm run dev.
4. Visit /signUp and resize the window to test responsiveness.

[vercel]

@Ryadav0654 is attempting to deploy a commit to the VinJex Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dentclack	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 7:20pm

[Ryadav0654]

Hi @Vin-Jex,

Just wanted to follow up on this PR, which has been open for about three weeks. When you have a moment, could you please review the changes? Your feedback would be greatly appreciated to help us move this forward.

Let me know if you need any additional context or if there's anything specific you'd like me to clarify.

Thank you!