# ByteSize Tech blog with article pages, categories, author profiles, and search Stack: React 18 / TypeScript / Vite / Tailwind CSS / shadcn/ui Pages: Index, Article, Category, Author, Search Palette: emerald/stone warm editorial tones ## Files - src/pages/Index.tsx (15KB) - src/pages/Article.tsx (22KB) - src/pages/Category.tsx (10KB) - src/pages/Author.tsx (8KB) - src/pages/Search.tsx (10KB) - src/components/Header.tsx (4KB) - src/components/Footer.tsx (5KB) - src/App.tsx (1KB) ## Imports UI: @/components/ui/{button,card,badge,input,textarea,tabs,accordion,dialog,sheet} Icons: lucide-react Toast: import { toast } from "sonner" Theme: ThemeToggle in headers (next-themes) Router: react-router-dom BrowserRouter ## Rules - MODIFY existing files — never rebuild from scratch - Pages import Header + Footer from @/components/ - Tailwind only — no inline styles - Use existing shadcn components — don't create custom ones