Skip to content

manuelc2209/elgato-philips-app

Repository files navigation

React Light Control App

This is a web application being built using React that allows users to control both Philips and Elgato lights from a single user interface.

Features [Work In Progress]

Autodetect the elgato's / Philips lights IP's on that network. Control Philips Hue lights, including turning them on/off, changing brightness, and selecting colors. Control Elgato lights, including turning them on/off and changing brightness. Intuitive user interface with color selection tool and brightness slider. Responsive design, allowing the application to be used on both desktop and mobile devices. Connection to both Philips Hue and Elgato lights is made through their respective APIs.

Getting Started

To get started with the application, follow these steps:

Clone the repository to your local machine. Install dependencies by running npm install or yarn install.

Run the application using npm start or yarn start. Navigate to http://localhost:3000 in your web browser to use the application. Usage Once the application is running, you can use the user interface to control your Philips Hue and Elgato lights.

Future Phase:

To control Philips Hue lights:

Click on the Philips Hue tab to view the list of available lights. Select a light to control from the list. Use the toggle switch to turn the light on/off. Use the brightness slider to adjust the brightness of the light. Use the color picker to select a color for the light. To control Elgato lights:

Click on the Elgato tab to view the list of available lights. Select a light to control from the list. Use the toggle switch to turn the light on/off. Use the brightness slider to adjust the brightness of the light. Deployment To deploy the application, follow these steps:

Run npm run build or yarn build to create a production build of the application. Upload the contents of the build directory to your web server. Note that you will need to ensure that your web server is configured to serve static files and that the index.html file is set up to handle routing for your web application.

Contributing

If you would like to contribute to the application, please follow these steps:

Fork the repository. Create a new branch for your changes. Make your changes and test them thoroughly. Submit a pull request with your changes. License This project is licensed under the MIT License. See the LICENSE file for more information.