FishQuery UI

AI-powered assistant for Western Australia recreational fishing regulations.

Tech Stack

• Next.js 16 - React framework with App Router
• React 19 - UI library
• TypeScript - Type safety
• Tailwind CSS 4 - Styling
• Apollo Client 4 - GraphQL client with subscriptions
• next-themes - Dark/light mode
• Lucide React - Icons

Getting Started

# Install dependencies
pnpm install

# Set up environment variables
cp .env.local.example .env.local

# Run development server
pnpm dev

Open http://localhost:3000 to view the app.

Project Structure

src/
├── app/           # Next.js App Router pages
├── components/    # React components
├── hooks/         # Custom hooks (auth)
├── lib/           # Utilities & GraphQL queries
└── types/         # TypeScript types

Features

• 💬 Real-time chat with AI assistant
• 🔐 User authentication
• 🌙 Dark/light theme toggle
• 📡 GraphQL subscriptions for live updates

Development

Code Quality

This project uses Husky and lint-staged to ensure code quality on every commit:

• ESLint - Linting for JS/TS files
• Prettier - Code formatting

Pre-commit hooks automatically run eslint --fix and prettier --write on staged files.

License

© 2026 FishQuery Assistant