search

anmode / grabtern-frontend

Connecting the mentors and creating a network
https://grabtern.in/
MIT License
27 stars 49 forks source link

🚀 [Feature Request] - Improve Mentor page. and optimize for Mobile view #319

Closed anmode closed 1 year ago

anmode commented 1 year ago

Is your feature request related to a problem ? Please describe. ✍️

The UI of the mentor page is not good. here is the page - pages/mentor/[mentorUsername].page.js

Our theme color new is #845ec2 Remember background should not be pure white* See the new theme https://doctor-ruby.vercel.app/. ( keep the light mode)

Describe briefly how you would implement this enhancement.

Use tailwind...

Additional context or screenshots

Ideas could be taken from any profile ..how profile looks like.. as this is mentor profile

Are you contributing for a program?

GSSoC2023

Code of Conduct

vishnu9865 commented 1 year ago

@anmode Sir, I would like to work on this issue under GSSoC'23. Thank you in advance. Regards, Jeyavishnu @vishnu9865

anmode commented 1 year ago

Sure, Please create a design first. can be figma. i will also look at some design and provide you, So you can kick start dev

vishnu9865 commented 1 year ago

@anmode Sir, Please do feel free to ask for changes to this design if required. regards, Jeyavishnu @vishnu9865 Figma File Link: https://www.figma.com/file/mcGBmU9AwU7KQg7NrH00cO/Grabtern-Mentor-Page?type=design&node-id=0%3A1&t=UcvQFmVpRwmFiGd4-1 image

anmode commented 1 year ago

It's cool. @Illaf @Abhinavcode13 @MohitGupta121 any suggestions?

anmode commented 1 year ago

Some recommadation:

  1. Our theme color ( see in issue description)
  2. Space not utilized effectively
  3. Mobile optimized! ( This is imp. how it looks in mobile view)

btw great work @vishnu9865 seeing to get coded now!

MohitGupta121 commented 1 year ago

@anmode It's really awesome from my side final.

vishnu9865 commented 1 year ago

@anmode Sir, Thank you for the Suggestion. I changed the Theme Colour, I didn't use all the space due to little content to show. Figma File: https://www.figma.com/file/mcGBmU9AwU7KQg7NrH00cO/Grabtern-Mentor-Page?type=design&node-id=0%3A1&t=UcvQFmVpRwmFiGd4-1

anmode commented 1 year ago

Good! @vishnu9865 let's start coding now!. Please ping this figma in PR( when you create) too. make it public. Theme color isnot changed..No worries we will continue in PR :))

Illaf commented 1 year ago

@anmode yes it's looking good👍