Real-Time Dashboard Analytics Widget

Build a responsive, high-performance analytics dashboard component with React and TypeScript.

Hiring screen · Open

Candidates will build a functional dashboard widget that fetches, filters, and visualizes time-series data using Next.js and TypeScript, demonstrating state management and component composition.

The brief

TechShrine requires a high-performance analytics module that allows users to filter metrics dynamically, toggle views, and handle asynchronous data loading gracefully. You need to build a responsive dashboard view that meets strict usability and performance standards.

Deliverables

A working Next.js page containing the dashboard view built with TypeScript.
Clean component architecture separating data fetching, state management, and presentation.
Responsive design supporting desktop and tablet viewports.
A brief README explaining architectural decisions, trade-offs, and instructions to run the project.

Evaluation criteria

Code quality, readability, and correct TypeScript typing.
Effective state management and handling of asynchronous operations.
UI/UX fidelity, responsiveness, and attention to detail.
Performance optimization (memoization, efficient re-renders).

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.