Frontend Dev - Next.js DeFi Dashboard Code Review & Cleanup
We have a fully designed DeFi protocol frontend built with Next.js 16, TypeScript, Tailwind CSS v4, and shadcn/ui. The project needs a developer to review, clean up, and ensure code quality before we move to smart contract integration.
Project Size:
- 11 dashboard pages
- 5 public pages (landing, about, security, sprint, affiliate)
- 30+ components
- Mock data layer with configurable toggles
- Fully responsive design
Scope of Work:
1. Code Review
1. Review all components for bugs, logic errors, or inconsistencies
2. Check for unused imports, variables, and dead code
3. Verify TypeScript types are correct and complete (no unnecessary `any`)
4. Ensure consistent coding patterns across all files
2. Code Cleanup
1. Remove redundant or duplicated code
2. Improve component structure where needed (split large components, extract reusable logic)
3. Ensure consistent naming conventions (variables, functions, files)
4. Clean up Tailwind classes (remove conflicting/redundant classes)
3. UI/UX Consistency Check
1. Verify all pages follow the same design patterns (spacing, typography, colors)
2. Check responsive behavior on mobile, tablet, desktop
3. Ensure all interactive elements have proper hover/focus/active states
4. Verify accessibility (ARIA labels, keyboard navigation, contrast)
4. Mock Data Layer Review
1. Verify all toggles work correctly (connected/disconnected, premium/non-premium, empty/populated states)
2. Ensure mock data is consistent across pages (no conflicting values)
3. Confirm all conditional rendering paths work as expected
5. Documentation
1. Provide a brief report of all issues found and changes made
2. Flag any architectural concerns for the smart contract integration phase
What We Provide:
- Complete Next.js 16 codebase
- Context on business logic and design decisions
What We Expect Delivered:
- Cleaned, consistent, bug-free codebase
- Report of all changes made
- List of any remaining concerns or recommendations
