Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Overhaul Member Grid #101

Open
4 tasks
Leundai opened this issue Jul 5, 2021 · 0 comments
Open
4 tasks

Overhaul Member Grid #101

Leundai opened this issue Jul 5, 2021 · 0 comments

Comments

@Leundai
Copy link
Member

Leundai commented Jul 5, 2021

Description

Currently, we are using AG Grid as a method of displaying member information and it is very straightforward in how it displays it. However, we want to make it more user-friendly and up to date with current h4i UI/UX trends

This is a high impact issue since it will be the first component members will be seeing and it will be used in many ways instead of just member info

Important: This is only focused on the look of the component. Don't worry too much about filters, add members or search members. But still, design this component in a way that those features can easily be implemented (ex. non-functional btns)

image

Learning objectives

  • Craft highly malleable components
  • Usage of CSS Grid based features

Todo

These points are a rough guideline. Please feel free to discuss with others on the team about the best way to design this component!

  • Refer to the design scroll through and you'll see how buttons work to get a reference (no need to implement btn functionality)
  • Explore different libraries that handle data display if AG Grid is not a good tool
  • Implement table/grid UI
  • Connect to API endpoints that already exist

Useful links

@Leundai Leundai changed the title Rehaul Member Grid Overhaul Member Grid Jul 5, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant