FRC Programming Practice

A web-based programming practice site built with React and Monaco Editor to help students learn and improve FRC (FIRST Robotics Competition) programming skills.

About

FRC Programming Practice is designed to help beginner and intermediate robotics programmers strengthen their programming fundamentals.

The platform provides FRC-style (Command Based) Java, C++, and Python programming challenges. Students can write, test, and debug code directly in the browser using the Monaco Editor.

The goal of this project is to make learning FRC programming more accessible by providing guided practice, debugging support, tutorials, and AI-powered assistance.

Features

Interactive Coding Environment

• Browser-based coding workspace powered by Monaco Editor
• Support for:
  • Java
  • C++
  • Python
• Real-time code editing experience.

Learning Resources

• Java tutorials
• Python tutorials
• C++ tutorials
• Debugging exercises for Java, Python, and C++
• Planned robotics-specific tutorials for the future include:
  • SparkMax motor controllers
  • TalonFX motor controllers
  • Object-Oriented Programming (OOP)
  • Advanced subsystem concepts

AI Programming Assistant

• AI-powered assistance for programming questions and debugging
• Backend built in JavaScript
• Uses OpenAI-compatible AI services through a GitHub-hosted model routing system
• Helps students understand errors, improve code, and learn programming concepts

Team Features

• Team number collection through a modal system
• Suggestions and feedback collection
• Data stored securely using MongoDB

Technology Stack

Frontend

• React
• JSX and TSX components
• Vite development environment
• Monaco Editor
• Responsive web interface

Backend

• JavaScript backend services
• MongoDB database integration
• Handles:
  • Team number submissions
  • Suggestions/feedback
  • AI assistant requests

AI Integration

• OpenAI-compatible API integration
• Requests routed through GitHub-hosted AI models for AI assistance functionality

Deployment

Planned deployment using:

• Render for backend hosting
• GitHub Pages for frontend hosting

Who This Is For

• FRC students learning programming
• Beginner programmers interested in robotics
• FIRST Robotics Competition teams improving programming skills
• Mentors teaching Command-Based Programming
• Students preparing to work with real robot code

Planned Updates

• Expanded robotics tutorials
  • SparkMax
  • TalonFX
  • Sensors
  • Command-Based Programming
  • Subsystems
• More structured programming challenges
• Advanced subsystem programming problems
• Additional AI learning tools
• More FRC-specific examples and simulations

Feedback / Suggestions

Have ideas, feature requests, or improvements?

You can submit feedback directly through the Suggestions page located in the website footer.