A modern, interactive web application to help you memorize Google's 43 Rules of Machine Learning Engineering. Built with Next.js, TypeScript, and Tailwind CSS.
- Complete Rule Database: All 43 rules from Google's ML Engineering guide
- Category Filtering: Filter rules by different phases and categories:
- Before Machine Learning
- ML Phase I: Your First Pipeline
- ML Phase II: Feature Engineering
- ML Phase III: Slowed Growth, Optimization Refinement, and Complex Models
- Monitoring and Debugging
- Validation and Testing
- Model Management
- Feature Engineering
- Data Quality
- Model Evaluation
- Business Alignment
- Advanced Techniques
- Search Functionality: Search through rule titles and descriptions
- Expandable Cards: Click to expand and read full rule descriptions
- Phase Indicators: Visual badges showing which ML phase each rule belongs to
- Sequential Learning: Study rules one by one in order
- Progress Tracking: Visual progress bar showing your study progress
- Show/Hide Answers: Test your knowledge by hiding descriptions
- Navigation Controls: Previous, Next, and Reset buttons
- Filtered Study Sessions: Study only specific categories
- Randomized Learning: Shuffled card order for varied study sessions
- Jump to Card: Navigate directly to any specific card number
- Simple Interface: Clean, single-view cards showing title and description
- Navigation Controls: Previous, Next, Shuffle, and Reset buttons
- Progress Tracking: Visual progress bar and card counter
- Responsive Design: Works on desktop, tablet, and mobile
- Dark Mode Support: Automatic dark/light theme switching
- Beautiful Gradients: Modern gradient backgrounds
- Smooth Animations: Hover effects and transitions
- Accessibility: Proper contrast and keyboard navigation
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd rules-of-machine-learning- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser
npm run build
npm start- Use the category dropdown to filter rules by specific phases or topics
- Use the search box to find specific rules by keywords
- Click on any rule card to expand and read the full description
- Each rule shows its category and phase indicator
- Switch to Study Mode using the toggle button
- Rules are presented one at a time in sequential order
- Click "Show Answer" to reveal the rule description
- Use Previous/Next buttons to navigate through rules
- Use Reset to start over from the beginning
- Apply filters in Browse Mode before switching to Study Mode for focused study sessions
- Switch to Flashcard Mode using the toggle button
- Cards are shuffled randomly for varied study sessions
- Each card shows both the rule title and description
- Use Previous/Next buttons to navigate through cards
- Use Shuffle to randomize the card order
- Use Jump to Card to navigate directly to any specific card number
- Apply filters in Browse Mode before switching to Flashcard Mode for focused study sessions
The app includes all 43 rules from Google's Machine Learning Engineering guide, organized into logical phases:
- Focus on when to use ML vs. heuristics
- Setting up metrics and infrastructure
- Building your first ML pipeline
- Infrastructure and testing considerations
- Objective definition and measurement
- Model selection and interpretability
- Launch decisions and model comparison
- Performance optimization
- Monitoring and debugging
- Advanced techniques and best practices
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- Icons: Unicode emojis (no external dependencies)
- Deployment: Ready for Vercel, Netlify, or any static hosting
Feel free to submit issues and enhancement requests!
This project is open source and available under the MIT License.
Based on Google's Rules of Machine Learning guide by Martin Zinkevich.
Happy Learning! 🚀