Master your 60% and 61% keyboard layouts with comprehensive tools and gamified practice.
KeyboardMaster60 is an interactive web application designed to help users learn and master the intricacies of compact 60% and 61% keyboard layouts. These keyboards are incredibly efficient but require using function layers to access keys like F-keys, navigation keys, and more. This app provides the tools and practice needed to become proficient with these layouts.
- 📚 Command Library: A searchable, comprehensive reference guide for 60% and 61% keyboard layouts with practical examples and key combinations
- 🎮 Typing Game: Gamified practice mode with code snippets, terminal commands, and text challenges to improve muscle memory and typing speed
- 📊 Performance Tracking: Real-time stats including accuracy, score, streak counter, and timer
- Astro: Fast, modern static site generation
- Pico CSS: Lightweight, minimal CSS framework for clean UI
- JavaScript: Client-side interactivity with MVC architecture
src/
├── components/ # Astro components for reusable UI
│ ├── CommandLibrary.astro
│ └── TypingGame.astro
├── pages/ # Route pages
│ ├── index.astro # Home page
│ ├── library.astro # Command library page
│ └── game.astro # Typing game page
├── layouts/ # Shared layout templates
│ └── BaseLayout.astro
├── scripts/ # Business logic (MVC pattern)
│ ├── controller/ # Controllers handling user input
│ ├── model/ # Data models and state
│ └── view/ # View rendering logic
└── styles/ # Global CSS
- Node.js 16+
- npm or yarn
npm installStart the local development server at localhost:3000:
npm run devOr use the start alias:
npm startBuild your production site to the ./dist/ directory:
npm run buildPreview your build locally before deploying:
npm run preview| Command | Description |
|---|---|
npm run dev |
Start local dev server |
npm start |
Alias for npm run dev |
npm run build |
Build for production |
npm run preview |
Preview production build locally |
npm run astro |
Run Astro CLI commands |
- Home (
/): Welcome page with feature overview - Command Library (
/library): Searchable keyboard command reference - Typing Game (
/game): Interactive typing practice game
Contributions are welcome! Feel free to fork this project and submit pull requests.
This project is open source and available under the MIT License.