Knightfall is an interactive chess-based puzzle app built with React + Vite. It focuses on knight movement challenges and a visually dynamic chessboard UI. The app combines chess.js for game logic, react-chessboard for rendering, and a lightweight AI engine to suggest or play moves.
- 🎯 Playable Chessboard UI: Built using
react-chessboardfor a responsive and interactive interface. - 🧠 Smart Move Validation: Uses
chess.jsfor legal move checking and real-time game state updates. - 🤖 Mini AI Assistant: A basic AI in
src/utils/chessAI.jsthat provides move suggestions or plays against you. - 💫 Sleek Design: Styled with Tailwind CSS and animated using Framer Motion for smooth transitions.
- Frontend: React 19 + Vite
- Styling: Tailwind CSS (
tailwind.config.js) - Logic: chess.js (move legality, game rules)
- Board Component: react-chessboard
- Animations: framer-motion
- Linting: ESLint
- Node.js v16+ (Node v18+ recommended)
- npm (or yarn / pnpm)
# Navigate to project folder
cd knightfall
# Install dependencies
npm install
# Start the development server (Vite with HMR)
npm run devThe app will be available at http://localhost:5173