{"id":20772473,"url":"https://github.com/yeonv/ledfx-frontend-v2","last_synced_at":"2026-02-28T19:03:20.498Z","repository":{"id":37468177,"uuid":"370672365","full_name":"YeonV/LedFx-Frontend-v2","owner":"YeonV","description":"LedFx: Frontend \u0026 Clients","archived":false,"fork":false,"pushed_at":"2026-02-21T14:55:45.000Z","size":400685,"stargazers_count":78,"open_issues_count":5,"forks_count":26,"subscribers_count":6,"default_branch":"main","last_synced_at":"2026-02-21T17:55:15.003Z","etag":null,"topics":["audio-processing","audio-visualizer","hacktoberfest","react","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/YeonV.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.bat","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2021-05-25T11:41:48.000Z","updated_at":"2026-02-21T14:13:06.000Z","dependencies_parsed_at":"2023-02-08T19:01:00.734Z","dependency_job_id":"c01b152e-5b6e-44d5-aa59-0e198f838306","html_url":"https://github.com/YeonV/LedFx-Frontend-v2","commit_stats":null,"previous_names":[],"tags_count":274,"template":false,"template_full_name":null,"purl":"pkg:github/YeonV/LedFx-Frontend-v2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YeonV%2FLedFx-Frontend-v2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YeonV%2FLedFx-Frontend-v2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YeonV%2FLedFx-Frontend-v2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YeonV%2FLedFx-Frontend-v2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YeonV","download_url":"https://codeload.github.com/YeonV/LedFx-Frontend-v2/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YeonV%2FLedFx-Frontend-v2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29948228,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T18:42:55.706Z","status":"ssl_error","status_checked_at":"2026-02-28T18:42:48.811Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["audio-processing","audio-visualizer","hacktoberfest","react","typescript"],"created_at":"2024-11-17T12:21:27.527Z","updated_at":"2026-02-28T19:03:20.475Z","avatar_url":"https://github.com/YeonV.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LedFx reVamped\n\n## ![state](https://img.shields.io/badge/STATE-beta-blue.svg?logo=data:image/png;base64,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\u0026logoColor=white) ![version](https://img.shields.io/github/v/release/YeonV/LedFx-Frontend-v2?label=VERSION\u0026logo=git\u0026logoColor=white) [![creator](https://img.shields.io/badge/CREATOR-Yeon-blue.svg?logo=github\u0026logoColor=white)](https://github.com/YeonV) [![creator](https://img.shields.io/badge/A.K.A-Blade-darkred.svg?logo=github\u0026logoColor=white)](https://github.com/YeonV)\n\n![logo192](https://user-images.githubusercontent.com/28861537/119760144-c5126680-bea9-11eb-991a-c08eedbc5929.png)\n\nNew [LedFx](https://github.com/LedFx/LedFx)-client\n\n---\n\n|                | Link                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |\n| -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Demo           | [![preview](https://img.shields.io/badge/Nightly-Live-blue.svg?logo=react\u0026logoColor=white)](https://yeonv.github.io/LedFx-Frontend-v2/#/LedFx-Frontend-v2) [![preview](https://img.shields.io/badge/New_Infrastructure-Live-blue.svg?logo=react\u0026logoColor=white)](https://ledfx.stream)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |\n| Developer Docs | [![docs](https://img.shields.io/badge/Storybook-Live-blue.svg?logo=storybook\u0026logoColor=white)](https://yeonv.github.io/LedFx-Frontend-v2/docs) [![docs](https://img.shields.io/badge/New_Infrastructure-Live-blue.svg?logo=storybook\u0026logoColor=white)](https://docs.ledfx.stream/)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |\n| Downloads      | [![docs](https://img.shields.io/github/downloads/YeonV/LedFx-Frontend-v2/total?label=Source\u0026color=blue\u0026logo=data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEuMiAwYS44LjggMCAwIDAtLjguOHYxMS40TDcuMjYgOS40NGEuODAzLjgwMyAwIDAgMC0xLjEzLjA3NGwtMS4wNSAxLjJhLjguOCAwIDAgMCAuMDczIDEuMTNsNi4zMyA1LjU0YS43OTUuNzk1IDAgMCAwIDEuMDUgMGw2LjMyLTUuNTRhLjguOCAwIDAgMCAuMDc0LTEuMTNsLTEuMDUtMS4yYS44MDQuODA0IDAgMCAwLTEuMTMtLjA3NGwtMy4xNCAyLjc2Vi44YS44LjggMCAwIDAtLjgtLjh6bS04IDIwLjhhLjguOCAwIDAgMC0uOC44djEuNmEuOC44IDAgMCAwIC44LjhoMTcuNmEuOC44IDAgMCAwIC44LS44di0xLjZhLjguOCAwIDAgMC0uOC0uOHoiPjwvcGF0aD48L3N2Zz4=)](https://my.ledfx.app/downloads) [![docs](https://img.shields.io/github/downloads/YeonV/LedFx-Builds/total?label=Binaries\u0026color=blue\u0026logo=data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEuMiAwYS44LjggMCAwIDAtLjguOHYxMS40TDcuMjYgOS40NGEuODAzLjgwMyAwIDAgMC0xLjEzLjA3NGwtMS4wNSAxLjJhLjguOCAwIDAgMCAuMDczIDEuMTNsNi4zMyA1LjU0YS43OTUuNzk1IDAgMCAwIDEuMDUgMGw2LjMyLTUuNTRhLjguOCAwIDAgMCAuMDc0LTEuMTNsLTEuMDUtMS4yYS44MDQuODA0IDAgMCAwLTEuMTMtLjA3NGwtMy4xNCAyLjc2Vi44YS44LjggMCAwIDAtLjgtLjh6bS04IDIwLjhhLjguOCAwIDAgMC0uOC44djEuNmEuOC44IDAgMCAwIC44LjhoMTcuNmEuOC44IDAgMCAwIC44LS44di0xLjZhLjguOCAwIDAgMC0uOC0uOHoiPjwvcGF0aD48L3N2Zz4=)](https://my.ledfx.app/downloads) [![docs](https://img.shields.io/github/downloads/LedFx/LedFx/total?label=Official\u0026color=blue\u0026logo=data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEuMiAwYS44LjggMCAwIDAtLjguOHYxMS40TDcuMjYgOS40NGEuODAzLjgwMyAwIDAgMC0xLjEzLjA3NGwtMS4wNSAxLjJhLjguOCAwIDAgMCAuMDczIDEuMTNsNi4zMyA1LjU0YS43OTUuNzk1IDAgMCAwIDEuMDUgMGw2LjMyLTUuNTRhLjguOCAwIDAgMCAuMDc0LTEuMTNsLTEuMDUtMS4yYS44MDQuODA0IDAgMCAwLTEuMTMtLjA3NGwtMy4xNCAyLjc2Vi44YS44LjggMCAwIDAtLjgtLjh6bS04IDIwLjhhLjguOCAwIDAgMC0uOC44djEuNmEuOC44IDAgMCAwIC44LjhoMTcuNmEuOC44IDAgMCAwIC44LS44di0xLjZhLjguOCAwIDAgMC0uOC0uOHoiPjwvcGF0aD48L3N2Zz4=)](https://my.ledfx.app/downloads) |\n\n### Techs\n\n[![docs](https://img.shields.io/badge/React-React-blue.svg?logo=React\u0026logoColor=white\u0026label=)](https://reactjs.org/)\n[![docs](https://img.shields.io/badge/React-Electron-blue.svg?logo=Electron\u0026logoColor=white\u0026label=)](https://www.electronjs.org/)\n[![docs](https://img.shields.io/badge/React-Zustand-blue.svg?logo=data:image/png;base64,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\u0026logoColor=white\u0026label=)](https://github.com/pmndrs/zustand)\n[![docs](https://img.shields.io/badge/React-ReactRouter-blue.svg?logo=reactrouter\u0026logoColor=white\u0026label=)](https://reactrouter.com/)\n[![docs](https://img.shields.io/badge/React-MaterialUI-blue.svg?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDM2IDMyIiBmaWxsPSJub25lIiBjbGFzcz0iY3NzLTExNzBuNjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuMzQzIDIxLjk3NmExIDEgMCAwMC41MDItLjg2NGwuMDE4LTUuNzg3YTEgMSAwIDAxLjUwMi0uODY0bDMuMTM3LTEuODAyYTEgMSAwIDAxMS40OTguODY3djEwLjUyMWExIDEgMCAwMS0uNTAyLjg2N2wtMTEuODM5IDYuOGExIDEgMCAwMS0uOTk0LjAwMWwtOS4yOTEtNS4zMTRhMSAxIDAgMDEtLjUwNC0uODY4di01LjMwNWMwLS4wMDYuMDA3LS4wMS4wMTMtLjAwNy4wMDUuMDAzLjAxMiAwIC4wMTItLjAwN3YtLjAwNmMwLS4wMDQuMDAyLS4wMDguMDA2LS4wMWw3LjY1Mi00LjM5NmMuMDA3LS4wMDQuMDA0LS4wMTUtLjAwNC0uMDE1YS4wMDguMDA4IDAgMDEtLjAwOC0uMDA4bC4wMTUtNS4yMDFhMSAxIDAgMDAtMS41LS44N2wtNS42ODcgMy4yNzdhMSAxIDAgMDEtLjk5OCAwTDYuNjY2IDkuN2ExIDEgMCAwMC0xLjQ5OS44NjZ2OS40YTEgMSAwIDAxLTEuNDk2Ljg2OWwtMy4xNjYtMS44MWExIDEgMCAwMS0uNTA0LS44N2wuMDI4LTE2LjQzQTEgMSAwIDAxMS41MjcuODZsMTAuODQ1IDYuMjI5YTEgMSAwIDAwLjk5NiAwTDI0LjIxLjg2YTEgMSAwIDAxMS40OTguODY4djE2LjQzNGExIDEgMCAwMS0uNTAxLjg2N2wtNS42NzggMy4yN2ExIDEgMCAwMC4wMDQgMS43MzVsMy4xMzIgMS43ODNhMSAxIDAgMDAuOTkzLS4wMDJsNi42ODUtMy44Mzl6TTMxIDcuMjM0YTEgMSAwIDAwMS41MTQuODU3bDMtMS44QTEgMSAwIDAwMzYgNS40MzRWMS43NjZBMSAxIDAgMDAzNC40ODYuOTFsLTMgMS44YTEgMSAwIDAwLS40ODYuODU3djMuNjY4eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==\u0026logoColor=white\u0026label=)](mui.com)\u003cbr /\u003e\n[![docs](https://img.shields.io/badge/React-TypeScript-blue.svg?logo=TypeScript\u0026logoColor=white\u0026label=)](https://www.typescriptlang.org/)\n[![docs](https://img.shields.io/badge/React-Storybook-blue.svg?logo=Storybook\u0026logoColor=white\u0026label=)](https://storybook.js.org/)\n[![docs](https://img.shields.io/badge/React-ESlint-blue.svg?logo=ESlint\u0026logoColor=white\u0026label=)](https://eslint.org/)\n\n\u003cdetails\u003e\n\u003csummary\u003eApp structure\u003c/summary\u003e\n\n- assets _(fonts, images,...)_\n- components _(global components)_\n- pages\n  - file _(page)_\n  - folder: _(page + components)_\n\n## Rules\n\n- NO class components!\n  - _functional components + hooks_\n- NO index.js\n  - _use a proper name_\n  - _adjust imports_\n  \u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eScreens\u003c/summary\u003e\n\n![image](https://cdn.discordapp.com/attachments/785654321055531078/934146508444536862/transitions.gif)\n\n![image](https://user-images.githubusercontent.com/28861537/181129592-f9abc006-053d-4f67-ab93-deae8281eaa5.png)\n![image](https://user-images.githubusercontent.com/28861537/181129566-1937eb13-f4ff-462f-8798-52dc1b7c50af.png)\n\n![image](https://user-images.githubusercontent.com/28861537/121426192-96998e80-c973-11eb-8d0e-b5c615ce018b.png)\n![image](https://user-images.githubusercontent.com/28861537/121426226-a0bb8d00-c973-11eb-80b5-2e5aead112c0.png)\n\n\u003c/details\u003e\n\n---\n\n## Credits\n\n[![ledfx-github](https://img.shields.io/badge/Github-LedFx-blue.svg?logo=github\u0026logoColor=white)](https://github.com/LedFx/LedFx/tree/main/ledfx) [![ledfx-discord](https://img.shields.io/badge/Discord-LedFx-blue.svg?logo=discord\u0026logoColor=white)](https://discord.gg/nyMeUR8C)\n\n\u003cdetails\u003e\n\u003csummary\u003e Create React App\u003c/summary\u003e\n\u003cp\u003e\n\n# Getting Started with Create React App\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `yarn start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `yarn test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `yarn build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n### `yarn eject`\n\n**Note: this is a one-way operation. Once you `eject`, you can’t go back!**\n\nIf you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.\n\nInstead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.\n\nYou don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n### Code Splitting\n\nThis section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)\n\n### Analyzing the Bundle Size\n\nThis section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)\n\n### Making a Progressive Web App\n\nThis section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)\n\n### Advanced Configuration\n\nThis section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)\n\n### Deployment\n\nThis section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)\n\n### `yarn build` fails to minify\n\nThis section has moved here : [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)\n\n\u003c/p\u003e\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyeonv%2Fledfx-frontend-v2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyeonv%2Fledfx-frontend-v2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyeonv%2Fledfx-frontend-v2/lists"}