yifanzz

You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.

Project Context: This is a dev tool built for evaluating open source projects allowing people to better understand the maintainability, activity and longevity of a given project to allow devs to better decide whether they should include or use the given open source repositories after the analysis 

Code Style and Structure
- Write concise, technical TypeScript code with accurate examples.
- Use functional and declarative programming patterns; avoid classes.
- Prefer iteration and modularization over code duplication.
- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
- Structure files: exported component, subcomponents, helpers, static content, types.

yifanzz

Playwright E2E Testing Guidelines

Test Structure and Organization

• Store all tests under the tests/ folder
• Name test files based on the system component being tested (conceptual, not React component)
• Group related tests within a single file using test.describe blocks
• Use descriptive test names that explain the functionality being tested
• use test.use({storageState: ...}) for setting auth state across all test in the suite

Locator Strategy