React Review Audit

[react-doctor]

Score: 98/100 · 0 errors · 15 warnings

Copy as prompt

Fix the following React Review diagnostics in my codebase.

## Warnings (15)

1. [warning] nextjs-missing-metadata — src/app/page.tsx:1
 Page without metadata or generateMetadata export — hurts SEO

2. [warning] js-index-maps — src/app/page.tsx:25
 array.find() in a loop is O(n*m) — build a Map for O(1) lookups

3. [warning] design-no-default-tailwind-palette — src/app/page.tsx:42
 bg-gray-900 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

4. [warning] design-no-default-tailwind-palette — src/app/page.tsx:42
 text-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

5. [warning] design-no-default-tailwind-palette — src/app/page.tsx:49
 text-gray-300 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

6. [warning] design-no-default-tailwind-palette — src/app/page.tsx:55
 text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

7. [warning] design-no-default-tailwind-palette — src/app/page.tsx:59
 text-gray-300 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

8. [warning] design-no-default-tailwind-palette — src/app/page.tsx:71
 bg-gray-800 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

9. [warning] design-no-default-tailwind-palette — src/app/page.tsx:72
 border-gray-700 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

10. [warning] design-no-default-tailwind-palette — src/app/page.tsx:73
 text-gray-400 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

11. [warning] design-no-default-tailwind-palette — src/app/page.tsx:81
 border-gray-700 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

12. [warning] design-no-default-tailwind-palette — src/app/page.tsx:87
 text-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

13. [warning] design-no-default-tailwind-palette — src/app/page.tsx:93
 text-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

14. [warning] design-no-default-tailwind-palette — src/app/page.tsx:99
 text-gray-400 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

15. [warning] design-no-default-tailwind-palette — src/app/page.tsx:100
 text-gray-400 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

---

⚠️ Warnings (15)

design-no-default-tailwind-palette

bg-gray-900 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)

Replace indigo-* / gray-* / slate-* with project tokens, your brand color, or a less-default neutral (zinc, neutral, stone)

src/app/page.tsx:42
src/app/page.tsx:42
src/app/page.tsx:49
src/app/page.tsx:55
src/app/page.tsx:59
src/app/page.tsx:71
src/app/page.tsx:72
src/app/page.tsx:73
src/app/page.tsx:81
src/app/page.tsx:87
src/app/page.tsx:93
src/app/page.tsx:99
src/app/page.tsx:100

nextjs-missing-metadata

Page without metadata or generateMetadata export — hurts SEO

Add export const metadata = { title: '...', description: '...' } or export async function generateMetadata()

src/app/page.tsx:1

js-index-maps

array.find() in a loop is O(n*m) — build a Map for O(1) lookups

Build an index Map once outside the loop instead of array.find(...) inside it

src/app/page.tsx:25

---

_{Last scored May 13, 2026 at 5:53 PM UTC. Maintained by React Review.}