User Form Interview Exercise

Scenario

You're joining our team and inheriting this user form feature. The previous developer left and the code works, but the team has concerns about maintainability as we'll be adding more forms soon.

Your Task

1. Review the UserForm component (components/organisms/UserForm.tsx)
2. Identify what you'd improve and explain your reasoning
3. Implement improvements - focus on demonstrating your approach rather than completing everything
4. Communicate your thought process as you work

Setup

npm install
npm run dev

Navigate to: http://localhost:3000/users/1/edit

Guidelines

• The app is fully functional - test it first to understand the behavior
• Feel free to explore the entire codebase
• You can create new files, refactor existing code, or reorganize the structure
• Focus on demonstrating your approach and reasoning over completion
• Think out loud - we want to understand how you think about code

What We're Looking For

• How you identify issues in existing code
• Your understanding of React best practices
• Your approach to component architecture
• How you prioritize improvements
• Your ability to explain technical decisions

Time Expectation

This is not a race. Take your time to think through problems. We'd rather see thoughtful, well-reasoned changes than rushing through many superficial ones.

Good luck!