Skip to content

**Add Sudoku Solver & Generator + Fix React Hook Warnings + ESLint Setup** #5

@navin-oss

Description

@navin-oss

Description

The Development Tools section currently lacks an interactive puzzle/logic tool and has minor React hook dependency warnings that reduce code quality and may cause unstable re-renders.

Additionally, the missing ESLint configuration makes it harder to maintain consistent code standards across the project.


Solution

This PR introduces:

✅ New Feature

Sudoku Solver & Generator Tool

  • Generate Sudoku puzzles (Easy / Medium / Hard)
  • Auto-solve puzzles instantly
  • Interactive editable grid
  • Responsive UI for desktop + mobile
  • Clean and modular component structure

✅ Fixes

  • Resolved react-hooks/exhaustive-deps warnings in:

    • apiKeyGenerator.tsx
    • fibonacciCalculator.tsx
  • Wrapped functions using useCallback

  • Corrected useEffect dependencies to prevent unnecessary re-renders

✅ Improvements

  • Added .eslintrc.json for linting consistency

  • Improved maintainability and overall code quality

  • Registered the Sudoku tool inside:

    • constants.tsx
    • developmentToolsConstant.tsx

Alternatives

  • Keep existing tools only (no puzzle feature)
  • Ignore hook warnings (not recommended due to potential bugs)
  • Use an external Sudoku library (avoided to keep the bundle small and fully custom)

The chosen approach keeps the implementation lightweight and fully maintainable within the project.


Additional context

  • Lint passes with zero warnings
  • All tools verified working
  • Sudoku tested for generation and solving correctness
  • UI tested on both mobile and desktop
  • Screenshots attached in the PR

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions