search

priyam-03 / Recruitify

Recruitify is an AI-powered recruiting platform streamlines the hiring process by automating candidate shortlisting, enabling virtual interviews, and supporting professional networking. Built with React, Express, and MongoDB, it offers a modern, efficient solution for recruiters and job seekers alike.
http://recruitingwebsite.online
MIT License
6 stars 13 forks source link

Profile Page Modification #42

Open priyam-03 opened 1 month ago

priyam-03 commented 1 month ago

Issue: Improve Profile Section UI in Job Form

Description:

The profile image section in the FormById component needs improvements to display a dummy profile picture when no image is available and improve overall UI/UX. This includes refining color combinations, fonts, and layout for a more polished appearance.

Current Behavior:

Expected Behavior:

  1. Profile Picture:

    • If the profile picture is missing, display a dummy/default profile image (e.g., a placeholder avatar).
    • Otherwise, display the actual profile picture.

  2. UI/UX Improvements:

    • Color Scheme: Use a modern color palette that enhances contrast.
    • Fonts: Improve font styling for readability (e.g., bolder for the name, and appropriate contrast for email and name text).
    • Layout: Add consistent margins/padding between the image and text. Ensure the avatar and text are well-aligned with sufficient spacing.

Steps to Reproduce:

  1. Navigate to the Profile page.
  2. Check the profile section under job details.
  3. Ensure the profile has no picture to observe the issue.

Screenshot:

image

Files:

Profile code

Vinayyy19 commented 1 month ago

i'll like to work on this issue can you assign me ?

priyam-03 commented 1 month ago

Okay sure, if any doubt occurs you can mail me.

priyam-03 commented 1 month ago

Please address the font color issue and center the profile image properly.