nextjs-game-components
Next.js Game Components
This skill covers creating React components for the dev-quiz-battle game interface.
Step-by-step instructions
1. Component Structure
Use functional components with TypeScript:
import { type ReactNode } from "react";
type GameComponentProps = {
gameCode: string;
playerCount: number;
currentRound: number;
};
More from violabg/dev-quiz-battle
quiz-game-mechanics
Implement quiz game logic including game creation, player turn management, score calculation, answer validation, and game completion. Use when building game flows, turn-based mechanics, and scoring algorithms.
8tailwind-theme-styling
Style the dev-quiz-battle app using Tailwind CSS v4 with OKLCH colors, dark mode support, and modern design patterns. Use when creating responsive layouts, applying themes, and implementing visual components.
6convex-backend-development
Develop and maintain Convex backend functions including queries, mutations, and actions. Use when working with database operations, authentication, game management, scoring logic, and real-time data updates in the dev-quiz-battle app.
5