https://github.com/yeonv/wled-manager

https://github.com/yeonv/wled-manager

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/yeonv/wled-manager
• Owner: YeonV
• Created: 2021-09-24T02:53:08.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-11-07T11:09:12.000Z (over 1 year ago)
• Last Synced: 2025-04-17T12:31:18.418Z (about 2 months ago)
• Language: TypeScript
• Size: 2.76 MB
• Stars: 41
• Watchers: 5
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

![state](https://img.shields.io/badge/STATE-alpha-blue.svg?logo=github&logoColor=white) ![version](https://img.shields.io/github/v/release/YeonV/wled-manager?label=VERSION&logo=git&logoColor=white) [![creator](https://img.shields.io/badge/CREATOR-Yeon-blue.svg?logo=github&logoColor=white)](https://github.com/YeonV) [![creator](https://img.shields.io/badge/A.K.A-Blade-darkred.svg?logo=github&logoColor=white)](https://github.com/YeonV)

# WLED Manager 

![mui](https://img.shields.io/badge/Electron-Desktop_App_Wrapper-blue.svg?logo=electron&logoColor=white) ![nextjs](https://img.shields.io/badge/Next.js-framework-blue.svg?logo=next.js&logoColor=white) ![react](https://img.shields.io/badge/React-JS_lib-blue.svg?logo=react&logoColor=white) ![mui](https://img.shields.io/badge/Material_UI-components-blue.svg?logo=material-ui&logoColor=white) 

|| Windows| Mac | Linux|

|:-------:|:-------:|:------------:|:------------:|

||||

---

## Introducing WebAudio in v0.0.3 (proof of concept)





  Open Video



## Attention

All this is still pre-alpha-state. If you want to test it, make sure you set `IP`, `PixelCount`, `Color` and `Frequency-Band (one of the equalizer's bars)` **!before!** you click play. Also stopping and replaying is currently resulting in multiple Senders.

When it hangs, just restart the app.

Everything is done without a state-management-lib.

After I choose one, `IP` and `PixelCount` can be retrieved automatically.

## Development

Click to expand

  ### Create an App

```

# with npx

$ npx create-nextron-app my-app --example with-typescript-material-ui

# with yarn

$ yarn create nextron-app my-app --example with-typescript-material-ui

# with pnpx

$ pnpx create-nextron-app my-app --example with-typescript-material-ui

```

### Install Dependencies

```

$ cd my-app

# using yarn or npm

$ yarn (or `npm install`)

# using pnpm

$ pnpm install --shamefully-hoist

```

### Use it

```

# development mode

$ yarn dev (or `npm run dev` or `pnpm run dev`)

# production build

$ yarn build (or `npm run build` or `pnpm run build`)

```

   

## Special Thanks

[![saltyshiomix](https://img.shields.io/badge/Nextron-saltyshiomix-blue.svg?logo=github&logoColor=white)](https://github.com/saltyshiomix/nextron) 

[![wled-github](https://img.shields.io/badge/WLED-Aircookie-blue.svg?logo=github&logoColor=white)](https://github.com/Aircoookie/WLED)