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.

What you can win

Also included

Expert review
Your work is reviewed by experienced practitioners.

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).