Frontend Developer Coding Challenge with Next.js, TypeScript, Tailwind CSS, and Redux
please-create-a-coding-challenge-for-a-frontend-developer-with-4-years-of-experience-that-involves-building-and-improving-a-Next.js-application-using-the-app-router,-TypeScript,-Tailwind-CSS,-Redux,-and-SSR.-The-task-should-evaluate-the-candidate’s-ability-to:-Debug-existing-issues-(implant-a-few-subtle-bugs-in-advance).-Implement-an-A/B-testing-feature.-Add-navigation-to-another-page.-Integrate-with-an-external-API.-The-assignment-should-follow-best-practices-for-modern-frontend-development,-including:-Using-reusable-components.-Organizing-the-project-with-a-types-file-for-TypeScript-definitions.-Separating-logic-into-custom-hooks.-Structuring-the-application-cleanly-with-a-focus-on-scalability-and-maintainability.-For-the-theme-of-the-mini-app,-consider-creating-something-engaging,-such-as-a-trivia-game-or-a-mini-leaderboard-app,-to-make-the-task-more-interesting-for-the-candidate.-Files-and-Expectations:-Project-Structure-components/:-For-reusable-components.-hooks/:-For-custom-hooks.-types/:-For-centralized-TypeScript-type-definitions.-redux/:-For-Redux-slice-and-store-configuration.-pages/-or-app/:-For-Next.js-routing-using-the-app-router.-styles/:-For-Tailwind-CSS-configurations.-Starting-Code-Provide-an-incomplete-app-with-clear-instructions-in-a-README.md.-Include-a-few-small-bugs-for-the-candidate-to-debug-(e.g.,-missing-API-integration,-a-non-functional-button,-or-incorrect-state-handling).-Preconfigure-an-example-API-endpoint-for-trivia-questions-or-leaderboard-data.-Task-Details-Bug-Fixing:-Identify-and-fix-the-pre-implanted-issues.-A/B-Testing:-Implement-logic-to-render-different-versions-of-a-component-based-on-a-condition-(e.g.,-experiment-with-button-color-or-layout).-Navigation:-Add-a-button-that-redirects-users-to-a-new-page-(e.g.,-a-"Scoreboard"-or-"Trivia-Results"-page).-API-Integration:-Fetch-data-from-a-provided-API-and-display-it-(e.g.,-questions-for-the-trivia-game-or-scores-for-the-leaderboard).-Evaluation-Criteria-Code-quality-and-adherence-to-best-practices.-Proper-use-of-TypeScript,-including-type-safety.-Correct-implementation-of-Redux-for-state-management.-Bug-fixes-and-clean-solutions.-Visual-consistency-and-use-of-Tailwind-for-styling.
