Design wireframe for Members card section

[adgator101]

Overview

As part of Hacktoberfest, we are looking for contributors to help design the Members card section for our application.

What to do

• Do not write code for the feature yet.
• Create a wireframe (sketch, Figma, or online wireframe tool) for how member cards should look and feel.
• Consider the information structure, layout, and visual hierarchy. You can refer to the backend members API response below for the expected data fields.
• Post your wireframe (as an image or link) in this issue thread and discuss your design decisions.
• Collaborate and discuss with others. Feedback and improvements are welcome!

---

Reference: Members API Response Structure

The members card should display information based on the following structure from the backend:

{
  "id": "12345",
  "name": "John Doe",
  "role": "Developer",
  "year": "2025",
  "status": "ACTIVE",
   "socials": {
          "instagram" : "user123",
          "github":   "user123",
            // Other useful socials
     }
}

---

If you need help or want feedback, comment below!

Resources

• [Wireframe tools you can use: Figma, Balsamiq, Whimsical, Excalidraw, etc.]