Build a simple three-page onboarding journey for a web application.
On the first page, users can select which topics they are interested (see data/topics.json). On the second page, users can select which newsletters they want to subscribe to (see data/newsletters.json). On the last page, they will be shown a summary of their choices.
Users can move between pages using "Next" and "Back" buttons.
Low fidelity wireframes have been included in the wireframes directory:
- Show visual feedback for selected options
- Ensure your layout is responsive to different screen sizes
- Use local state only (no backend required)
- Use your preferred front-end framework (React, Vue, etc.) or vanilla JS
- Style the page however you like (feel free to get creative!)
- Consider accessibilty, security and performance in your solution
- Include all AI prompts you use (for code, design, or copy) in a file named
AI_PROMPTS.txt - Include a
README.mdfile outlining any setup instructions for your code
You can either upload your solution to Github and share the link with us, or send a zip file of your code (excluding any node_modules) to jack.stevens@news.co.uk
Be prepared to discuss your approach and any AI-generated code during the interview.
Happy coding!