Skip to main content

Exercises

Objective​

Observe the difference between unstructured and structured prompting.

Exercise 1​

Ask Copilot:

Create a user profile page.

Review the result.

Exercise 2​

Ask Copilot:

Create a user profile page.

Requirements:
- React
- TypeScript
- Atomic Design
- Domain Driven Design
- Functional components only
- React Context
- Zod validation
- Storybook stories
- Vitest tests
- No inline styles
- No Tailwind

Compare:

  • Folder structure
  • Component breakdown
  • Naming consistency
  • Test coverage
  • Maintainability

Discuss findings with the group.