React + TypeScript capstone

Практичний проєкт 4 · фінальний capstone

React + TypeScript capstone

Створіть оригінальний production-style application: bounded product outcome, documented state/data boundaries, accessible responsive React UI, TypeScript/runtime safety, deterministic tests, CI/build/budget, deploy і portfolio defense.

Після 60 уроківReview SEOWORKПрохідний 80/100Фінал після 4/4

Що здати

  1. Public HTTPS artifact без login, trackers, client secrets або real personal-data collection.
  2. Source repository/archive з React + TypeScript, manifest/lockfile, semantic accessible responsive UI і documented state/data/API boundaries.
  3. Deterministic unit/integration tests, fresh CI/type/build/budget evidence та failure-state coverage.
  4. README, ADR/evidence index, deploy inventory, monitoring/rollback і portfolio case з чесною attribution/limitations.
  5. 7–10 minute defense: critical flow, error/retry, architecture trade-off, test/performance evidence і handoff.

Blockers

Unavailable artifact/source, unreproducible build, secret/PII/tracker/private endpoint, uncaught critical flow, inaccessible interaction, stale data overwrite, false evidence/attribution або відсутній rollback.

Рубрика · 100 балів

КритерійБалиEvidence
Product, scope і architecture20Brief, slices, boundaries, ADR
Implementation, types і data safety20React/TS, runtime boundary, failure states
Accessible responsive UX20Semantics, keyboard/focus, mobile/themes
Tests, CI, performance і release20Deterministic suite, build/budget/deploy/rollback
Documentation, evidence, defense і privacy20README/case/index, attribution, no PII/secrets

Прийняття: від 80/100 без blocker. Review перевіряє artifact, source, evidence і defense; усне пояснення не компенсує missing reproducibility.

Після прийняття

  1. Завершіть урок 60 і тест.
  2. Надішліть HTTPS artifact та source URL.
  3. SEOWORK оцінить п’ять критеріїв і blockers.
  4. Після accepted status 4/4 на dashboard відкриється фінальний іспит.
  5. 24/30 + consent → PDF/QR-сертифікат серії FE й verification page.

Використати capstone pack →

← НазадДалі →
Front-end Developer Professional · оцінюваний проєкт 4

Подання роботи на перевірку

Передайте HTTPS-посилання на папку або репозиторій із доступом для перегляду. Не додавайте паролі, API-ключі, персональні дані клієнтів чи production-вивантаження.

Що передати
  • Public HTTPS artifact без login, trackers, client secrets або real personal-data collection
  • Source repository/archive з React + TypeScript, manifest/lockfile та documented state/data/API boundaries
  • Deterministic unit/integration tests, CI/type/build/budget evidence та failure-state coverage
  • README, ADR/evidence index, deploy inventory, monitoring/rollback і portfolio case
  • 7–10 minute defense критичного flow, error path, trade-off, quality evidence і handoff
Критерії перевірки
  • Product, scope and architecture — 20
  • Implementation, types and data safety — 20
  • Accessible responsive UX — 20
  • Tests, CI, performance and release — 20
  • Documentation, evidence, defense and privacy — 20
Форма відкриється після зарахування уроків 1–60. Зараз завершено 0/60.
Повернутися до програми