KEMBAR78
Nextjs Developer Assignment | PDF | Computer Science | Information Technology
Scribd
Upload
6 views3 pages

Nextjs Developer Assignment

The assignment requires the development of a real-time analytics dashboard with a proactive support chatbot using NextJS 14+, TypeScript, and Tailwind CSS. Key features include a private dashboard with authentication, real-time metrics, and a public chat page with context-aware responses. The evaluation will focus on code quality, real-time features, AI integration, and UI/UX design, with a submission of source code and a live demo URL.

Uploaded by

Aditya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views3 pages

Nextjs Developer Assignment

The assignment requires the development of a real-time analytics dashboard with a proactive support chatbot using NextJS 14+, TypeScript, and Tailwind CSS. Key features include a private dashboard with authentication, real-time metrics, and a public chat page with context-aware responses. The evaluation will focus on code quality, real-time features, AI integration, and UI/UX design, with a submission of source code and a live demo URL.

Uploaded by

Aditya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Nextjs Developer Assignment

Task Overview
Develop a real-time analytics dashboard with a proactive support chatbot. The
dashboard should display live metrics, and the chatbot should assist users
during periods of inactivity.

Technical Stack
NextJS 14+ (App Router)

TypeScript

Tailwind CSS

Core Features
Dashboard (Private)
Authentication system

Dark/light mode toggle

Real-time visualization:

Active users line chart

Activity metrics bar chart

WebSocket integration:

Live user counter

Activity feed

Connection status

Support Chat (Public)


Dedicated chat page accessible without authentication

Proactive messaging during user inactivity

Nextjs Developer Assignment 1


Context-aware responses

Chat history persistence

Error and loading states

Priority Focus
Code architecture and quality

WebSocket implementation

Component structure

Type safety

Error handling

Responsive design

Evaluation Criteria
Code Quality
TypeScript usage and type safety

Component architecture

Error handling patterns

Code documentation

Real-time Features
WebSocket implementation

Update efficiency

Connection management

AI Integration
Proactive messaging system

Chat persistence

Error handling

UI/UX

Nextjs Developer Assignment 2


Responsive layouts

Loading states

Error states

Submission
1. GitHub repository with:

Source code

Architecture documentation

2. Live demo URL

Build focus should be on implementation quality rather than AI response


sophistication.

Nextjs Developer Assignment 3

You might also like