CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl-labs/frontend-error-handling

Proactive error handling for React and vanilla JS frontends — every data-fetching component gets loading, error, and empty states, error boundaries, fetch error handling, form validation, optimistic rollback

90

1.38x
Quality

84%

Does it follow best practices?

Impact

100%

1.38x

Average score across 5 eval scenarios

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

task.mdevals/scenario-5/

User Profile Page

Build a user profile page in React with TypeScript. The page loads the current user's data from /api/users/me and displays their name, email, and avatar image.

Below the profile info, show a list of the user's recent activity fetched from /api/users/me/activity.

Output

Produce TypeScript/TSX files in a src/ directory:

  • src/api.ts -- API client for making requests
  • src/components/UserProfile.tsx -- the main profile page component
  • src/components/ActivityFeed.tsx -- component displaying recent activity items
  • src/App.tsx -- app root that renders the profile page

Do not include test files or build configuration.

evals

tile.json