https://github.com/shamscorner/claudeilearn
A Claude code simulation game to learn all Claude code commands.
https://github.com/shamscorner/claudeilearn
claude claude-ai claude-code claude-commands game simulation terminal-game
Last synced: about 2 hours ago
JSON representation
A Claude code simulation game to learn all Claude code commands.
- Host: GitHub
- URL: https://github.com/shamscorner/claudeilearn
- Owner: shamscorner
- License: mit
- Created: 2026-04-30T19:44:25.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-04-30T22:06:17.000Z (2 months ago)
- Last Synced: 2026-05-01T00:10:50.074Z (2 months ago)
- Topics: claude, claude-ai, claude-code, claude-commands, game, simulation, terminal-game
- Language: TypeScript
- Homepage: http://claudeilearn.shamscorner.com/
- Size: 588 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Claudify Learn
A Claude Code simulation game to learn all Claude Code commands through interactive, story-driven terminal scenarios.
## Prerequisites
- [Bun](https://bun.sh/) (required for package management and running scripts)
- Node.js 18+ (for local development if not using Bun)
## Quick Start
```bash
# Install dependencies
bun install
# Start development server
bun --bun run dev
```
The app will be available at `http://localhost:3000`.
## Available Scripts
| Command | Description |
|---------|-------------|
| `bun --bun run dev` | Start development server |
| `bun --bun run build` | Build for production |
| `bun --bun run preview` | Preview production build |
| `bun --bun run format` | Format code with Biome |
| `bun --bun run lint` | Lint code with Biome |
| `bun --bun run check` | Run lint + format checks |
## Tech Stack
- **Framework:** TanStack Start + TanStack Router
- **Styling:** Tailwind CSS v4
- **Testing:** Vitest
- **Linting/Formatting:** Biome
## Project Structure
```
src/
├── routes/ # File-based routing (TanStack Router)
│ ├── __root.tsx # Root layout
│ └── *.tsx # Route files
├── components/ # Reusable React components
├── lib/ # Utility functions and helpers
├── styles.css # Global styles (Tailwind)
└── app.tsx # App entry point
```
## Contributing
### Getting Started
1. Fork the repository
2. Clone your fork: `git clone `
3. Create a new branch: `git checkout -b feature/your-feature-name`
4. Install dependencies: `bun install`
5. Start the dev server: `bun --bun run dev`
### Code Style
This project uses [Biome](https://biomejs.dev/) for linting and formatting.
- Run `bun --bun run check` before committing to catch style/type issues
- The project follows Biome's default rules
### Adding Routes
Routes are file-based. Add a new file in `src/routes/`:
```tsx
// src/routes/my-route.tsx
import { createFileRoute } from '@tanstack/react-router'
export const Route = createFileRoute('/my-route')({
component: MyRouteComponent,
})
function MyRouteComponent() {
return
Hello from my route!
}
```
### Adding Components
Place reusable components in `src/components/`. Use the existing components as reference for naming conventions and patterns.
### Testing
Run tests with:
```bash
bun --bun run test
```
## Learn More
- [TanStack Start](https://tanstack.com/start)
- [TanStack Router](https://tanstack.com/router)
- [Tailwind CSS](https://tailwindcss.com/)
- [Biome](https://biomejs.dev/)
## License
MIT License - see [LICENSE](LICENSE) for details.