2026 Scouting App

2026 Scouting App Used AI

6 devlogs
23h 56m
Created by liujip0

*scroll down for demo instructions*

This project is a scouting app for the 2026 FIRST Robotics Competition game REBUILT. The goal of the app is to allow people to record what a specific robot does during a match, and save that info offline before uploading it to a centralized database. Then, teams can use their API keys to pull that data and analyze it.

I am using the 2025 app as a starting point and rewriting it to stop using MUI. AI was used lightly but mostly in the form of asking questions occasionally and GitHub Copilot auto-completions.

----- DEMO INSTRUCTIONS -----
1. Go to the demo link
2. Click on "Device Setup"
3. Fill out the following info:
Device Team Number: 1
Device ID: test
Alliance: [doesn't matter]
Robot Number: [doesn't matter, you should explore the options]
Field Orientation: [doesn't matter]
4. Click on "Download Schedule"
5. Type in: 2024incmp
6. Click on "TBA"
7. Click "Done"
8. Select "2024incmp"
9. Click "Done"
You are now on the scouting page! Congrats!
10. Fill out the following info:
Scout Name & Last Initial: test
Scout Team Number: test
11. Explore the interface! If something turns red, that means there is an error. For example, on the "Prematch" page, you need to select either "A", "B", or "C" to indicate the starting position of the robot before you can continue.

Timeline

Did most of the app, on the match pages now!

Update attachment

Did a LOT more rewriting MUI components and adding all my styles to CSS modules files. I'm now on the saved matches page and have only that and the actual in-match scouting interface to go!

Update attachment

Completely broke the data export page... oh well

Update attachment

Rewrote a couple more components and did a ton of work with Cloudflare deployments. (Migrating from Pages to Workers is so much easier when you actually follow the migration guide lol)

Update attachment

Finally finished de-MUI-ifying the login page!

Update attachment

Started work on CSS module-izing the styles. I didn't want to use Tailwind because I wanted to make sure that the app is easy for newer devs to start contributing to. I hope CSS modules are intuitive enough but idk...
Also I broke the login page lol, oops!

Update attachment