This task focuses on implementing the initial UI for DevRank, inspired by the structure of the existing examples/grid/bigData demo.

Goals

1. Layout: Implement a Neo.container.Viewport with a buffered Neo.grid.Panel as the main view.
2. Controls: Include a slide-out controls panel (hamburger menu trigger) for filtering.
3. Grid Configuration:
   • Columns: Rank, User (Avatar + Name), Total Contributions, Avg/Year, First Year, Last Active.
   • Component Renderers: Use avatars and maybe sparklines (later) in grid cells.
4. Data Integration: Connect the grid to the DevRank.store.Contributors store populated in the previous step.
5. Styling: Adapt the SCSS from the Big Data example to ensure a polished look.

Filters (Controls Panel)

• Yearly Activity: Range slider or inputs to filter users based on contributions in specific years (requires ensuring yearly data is in the JSON).
• Search: Username/Name filter.

Reference

• examples/grid/bigData
• resources/scss/src/examples/grid/bigData