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.]
Overview
As part of Hacktoberfest, we are looking for contributors to help design the Members card section for our application.
What to do
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