Real-time Analytics Dashboard Module

Build a responsive analytics dashboard with data filtering and state management

Hiring screen · Open

Candidates will build a functional dashboard interface using React, TypeScript, and Next.js that consumes mock API data, displays charts or data grids, and includes robust filtering mechanisms.

The brief

TechShrine InfoSolutions requires a high-performance analytics view for enterprise clients. The component must handle asynchronous data fetching, local state persistence for user filters, and responsive layout scaling.

Deliverables

A working Next.js application repository containing clean, well-documented TypeScript code
Implementation of at least two interactive dashboard widgets with data filtering
A brief README explaining architectural decisions, state management approach, and instructions to run locally

Evaluation criteria

Code quality, readability, and TypeScript type safety
Adherence to modern React best practices and component modularity
UI/UX responsiveness and attention to detail
Efficiency in managing state and handling asynchronous data flows

More challenges to enter

Prizes are offered and awarded by TechShrine InfoSolutions, not by Wooble. Amounts shown are as stated by the host and may include the host’s own valuation of non-cash items. Who places, how and when a prize is paid, and any tax or deduction, are between the winner and the host. A challenge may close, change or be withdrawn before results are declared.