AI Hackathon

The first session of the itenium "AI Competence of Excellence" where we put the theoretical sessions to the test with hands-on practical mini hackathons on Office Days.

Get Started

git clone --recurse-submodules https://github.com/itenium-be/ai-hackathon-angular-forms
cd ai-hackathon-angular-forms

Angular Reactive Forms

One of our "old" sessions Angular Reactive Forms has been updated:

Eslint & prettier

Already configured as git hooks and on the CI.

Opportunity:

• Install TypeScript LSP
• Configure claude hooks

Signal Forms

With Signal Forms being stable, we have copied the reactive-forms directory.

Opportunities:

• Claude Plan Mode & Perform Migration
• Install Paywright MCP

Backpressure

Claude already created an extensive test suite before we start our migration. The migration is a success if the test suite is still green after the migration!

Mistakes were made

By reading the test (manually, gasp!), two things were uncovered:

• There was a bug in the code!
  • Entering a valid INSS and then changing the value kept the stale birthday value!
• One test was green but it was not testing what it claimed to be testing
  • As covered in our UnitTesting course "make your tests fail at least once"
  • The search debounce was not triggered because the delay between keystrokes was too small
  • After removing the debounce, the test was still green!!