devdisplay / DevDisplay

DevDisplay is a global open source community platform that brings together all your tech needs in one place. 🌟 Join DevDisplay to Showcase your skills, connect globally, collaborate, build and promote.
https://www.devdisplay.org
MIT License
146 stars 290 forks source link

Improved homepageUI #457

Open SrishtiChamoli opened 1 month ago

SrishtiChamoli commented 1 month ago

Closes #445

Description

This pull request addresses the improvements proposed in issue #445 , transforming the homepage UI from a dropdown list of profiles to an engaging, card-based layout.

Related Issues

solves issue #445 which was raised by me itself.

Changes Proposed

• Replaced the dropdown list of profiles with clickable profile cards for a more intuitive and visually appealing user experience. • Each profile card displays essential information and, when clicked, redirects to the associated GitHub profile, making it easy for users to learn more about each individual. • The ticker-based skill set feature has been retained within each card, allowing skills to scroll smoothly within the card itself. • Profile cards are arranged in rows of three, maximizing screen space and giving the page a balanced, modern look.

UI Highlights:

• Improved layout: Cards are evenly spaced and organized, creating a visually balanced appearance that prevents empty spaces. • Intuitive interaction: Clicking anywhere on a card leads to the GitHub profile, enhancing user engagement.

Checklist

Screenshots

Light Mode

bug10(a)

Dark Mode

bug10(b)
vercel[bot] commented 1 month ago

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

Name Status Preview Comments Updated (UTC)
devdisplay ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 27, 2024 10:59am
netlify[bot] commented 1 month ago

Deploy Preview for devdisplay failed.

Name Link
Latest commit acdef3ab3747fc603717102a083d71355688e214
Latest deploy log https://app.netlify.com/sites/devdisplay/deploys/671e1ce36dc9080008ba6c30
codeaashu commented 4 weeks ago

hey @SrishtiChamoli leave that focus on this issue https://github.com/codeaashu/DevDisplay/issues/475#issue-2617410305