feat: project setup with Next.js, TypeScript, and Tailwind CSS

[tzone85]

Summary

• Initialize Mini Marty project with Next.js 16 (App Router), TypeScript, and Tailwind CSS v4
• Set up testing infrastructure: Vitest + React Testing Library for unit tests, Playwright for E2E
• Configure ESLint (flat config) + Prettier for code quality
• Establish feature-based directory structure under src/ (editor, scene, tutorials, challenges)
• Add GitHub Actions CI pipeline with parallel lint/typecheck, test, build, and E2E jobs

Test plan

• ESLint runs clean (npm run lint)
• Prettier check passes (npm run format:check)
• TypeScript type checking passes (npm run typecheck)
• Unit tests pass (npm test — 2 tests)
• Production build succeeds (npm run build)
• E2E tests pass (npm run test:e2e — 2 tests)

[STORY-001]

---

Important

Set up a new project with Next.js, TypeScript, Tailwind CSS, testing frameworks, and CI pipeline.

• Project Setup:
  • Initialize project with Next.js 16, TypeScript, and Tailwind CSS v4.
  • Establish feature-based directory structure under src/.
• Testing:
  • Set up Vitest and React Testing Library for unit tests.
  • Configure Playwright for E2E tests with playwright.config.ts.
  • Add initial tests in e2e/home.spec.ts and src/app/page.test.tsx.
• CI/CD:
  • Add GitHub Actions CI pipeline in .github/workflows/ci.yml with jobs for linting, testing, building, and E2E testing.
• Linting and Formatting:
  • Configure ESLint with eslint.config.mjs and Prettier with .prettierrc.
  • Add .prettierignore for ignored files.
• Configuration:
  • Add next.config.ts for Next.js configuration.
  • Add postcss.config.mjs for PostCSS setup.
• Miscellaneous:
  • Update README.md with project details and scripts.
  • Add package.json with scripts and dependencies.

^{This description was created by for eeb54e7. You can customize this summary. It will automatically update as commits are pushed.}

[ellipsis-dev]

Important

Looks good to me! 👍

Reviewed everything up to eeb54e7 in 10 seconds. Click for details.

• Reviewed 419 lines of code in 27 files
• Skipped 3 files when reviewing.
• Skipped posting 0 draft comments. View those below.
• Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

Workflow ID: wflow_7bNr1IIA8HIGl8g8

^{You can customize by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}

[tzone85]

Code review

Found 1 issue:

1. Coverage thresholds are not configured in vitest.config.ts, and CI runs npm test (which is vitest run) rather than npm run test:coverage. This means no coverage is collected in CI and no minimum threshold is enforced — the 80% coverage requirement is silently bypassed even though the test:coverage script and coverage provider are defined.

Fix: add a thresholds block to the coverage config and switch the CI test job to run npm run test:coverage:

coverage: {
  provider: "v8",
  include: ["src/**/*.{ts,tsx}"],
  exclude: [...],
  thresholds: { lines: 80, functions: 80, branches: 80, statements: 80 },
},

mini-marty/vitest.config.ts

Lines 11 to 21 in eeb54e7

	include: ["src/**/*.{test,spec}.{ts,tsx}"],
	coverage: {
	provider: "v8",
	include: ["src/**/*.{ts,tsx}"],
	exclude: [
	"src/test/**",
	"src/**/*.d.ts",
	"src/**/*.{test,spec}.{ts,tsx}",
	],
	},
	},

mini-marty/.github/workflows/ci.yml

Lines 33 to 35 in eeb54e7

	- run: npm ci
	- run: npm test

🤖 Generated with Claude Code

_{- If this code review was useful, please react with 👍. Otherwise, react with 👎.}