{"id":13695735,"url":"https://github.com/FRCDashboard/FRCDashboard","last_synced_at":"2025-05-03T13:33:04.666Z","repository":{"id":86395164,"uuid":"57470789","full_name":"FRCDashboard/FRCDashboard","owner":"FRCDashboard","description":":video_game: Extensible, JavaScript-based driving dashboard framework for the FIRST Robotics Competition.","archived":false,"fork":false,"pushed_at":"2022-08-19T16:20:12.000Z","size":14419,"stargazers_count":134,"open_issues_count":4,"forks_count":96,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-02-13T04:39:00.506Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://frcdashboard.github.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FRCDashboard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-01T02:40:17.000Z","updated_at":"2024-08-02T18:33:14.865Z","dependencies_parsed_at":null,"dependency_job_id":"86b669cb-79ff-49d7-9b2a-e03c21b118bb","html_url":"https://github.com/FRCDashboard/FRCDashboard","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FRCDashboard%2FFRCDashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FRCDashboard%2FFRCDashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FRCDashboard%2FFRCDashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FRCDashboard%2FFRCDashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FRCDashboard","download_url":"https://codeload.github.com/FRCDashboard/FRCDashboard/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224364365,"owners_count":17299055,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T18:00:32.895Z","updated_at":"2024-11-12T23:30:49.134Z","avatar_url":"https://github.com/FRCDashboard.png","language":"JavaScript","funding_links":[],"categories":["Required for UI programmers","Driving"],"sub_categories":[],"readme":"[\u003cimg src=\"images/icon.png\" align=\"right\" width=\"150\"\u003e](https://github.com/FRCDashboard/FRCDashboard)\n# FRC Dashboard\nFRC Dashboard is a fully customizable dashboard for [FIRST Robotics Competition (FRC)](http://firstinspires.org/robotics/frc) which is based on web languages (JavaScript/CSS/HTML). It's completely legal for competition, and can be used to give your whole drive team significantly richer control of your robot.\n\nThe dashboard's code is designed to be 100% accessible and expandable. To this aim, the code is rigorously commented and [a set of training exercises](https://github.com/FRCDashboard/training) have been prepared to orient new users. In addition, the base system comes with several functioning example widgets and features, and we've build [several helpful addons](https://github.com/FRCDashboard?query=addon-) to speed up the development of your team's dashboard.\n\n**Contributions are VERY welcome! Please feel free to open a pull request or issue!**\n\n![Screenshot slideshow](images/screenshots.gif)\n\n\u003cdetails\u003e\n    \u003csummary\u003eClick to view some example implementations of FRC Dashboard\u003c/summary\u003e\n\n![1132's 2017 Dashboard](https://i.imgur.com/iSiTxjY.jpg)  \n![6325's 2017 Dashboard](https://i.redd.it/w9jt1gmbecpy.png)  \n![1418's 2017 Dashboard](https://raw.githubusercontent.com/frc1418/2017-dashboard/master/images/screenshot.png)  \n![1418's 2016 Dashboard](https://raw.githubusercontent.com/frc1418/FRCDashboard/2016/screenshot.png)  \n\n\u003c/details\u003e\n\n## Setup\nYou'll need [`nodejs`](https://nodejs.org) \u0026 [`npm`](https://npmjs.com).\n\nBefore running your dashboard, you'll need to install the node dependencies by `cd`ing into the dashboard directory and running `npm install`.\n\n### Configuration\n* In `ui.js`, there are a bunch of key handler functions which controls the updating of control elements in the dashboard. Example NetworkTables key names are used, but you'll need to change them to match those used in your team's robot code for them to affect anything on your robot.\n\n#### Camera feed\nFRC Dashboard supports display of MJPG camera streams. Once you've created a stream (using WPILib's `CameraServer` class, [mjpg-streamer](https://robotpy.github.io/2016/01/14/mjpg-streamer-for-roborio/) (deprecated), or another method), update `style.css` to use the IP of your live camera feed. Usually this is something like `roborio-XXXX-frc.local:1181/?action=stream`, where `XXXX` is your team's number. The port increases based on camera number, for example, `1181` is Camera 1, and `1182` is Camera 2. **Note:** not every robot follows this rule. Your port may be `5800` or something else.\n\n## Building\nSome users may wish to compile their dashboard applications into standalone `.exe` or `.app` files.\n\nAssuming the necessary setup steps have been performed, users may run `npm run package-[platform]`, where `[platform]` is `linux`, `mac`, or `win` according to the target platform, to pack the entire application into a single executable.\n\n## Running\nConnect to your robot's network if you haven't already. (If you're just testing the dashboard and don't currently need to use it with your robot, you can skip this step.)\n\nWhile in the dashboard directory, run:\n\n    npm start\n\nThis will open the dashboard application. Note that you can refresh the page and client-side updates will take effect; reopening the whole application is usually unnecessary.\n\nIt is recommended that while using the dashboard on your driver station, you close the top panel of the FRC DriverStation to make room for the dashboard.\n\n## Authors\n* [Erik Boesen](https://github.com/ErikBoesen) is the primary developer of FRC Dashboard.\n* [Team 1418](https://github.com/frc1418) used earlier versions of this code in 2015 and 2016.\n* [Leon Tan](https://github.com/lleontan) led the original 1418 UI team, coded `pynetworktables2js`, and developed a browser-based UI which was years later reworked to create FRC Dashboard.\n* [Dustin Spicuzza](https://github.com/virtuald) leads the [RobotPy](https://github.com/robotpy) project, and mentored Team 1418 through much of FRC Dashboard's genesis.\n* [Tomas Rakusan](https://github.com/rakusan2) Developed Node based [NetworkTables client](https://github.com/rakusan2/FRC-NT-Client) and its interface in this project.\n\n## Licensing\nThis software is available under the [MIT License](`LICENSE`).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFRCDashboard%2FFRCDashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFRCDashboard%2FFRCDashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFRCDashboard%2FFRCDashboard/lists"}