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.

What you can win

Also included

Expert review
Your work is reviewed by experienced practitioners.

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