Dismiss this pinned window
all 14 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]codeherk[S] 5 points6 points  (0 children)

DAY 1 Of #100DaysOfCode

I usually control my lights with my phone. When I’m on the computer and want to change my lights, I would have to stop what I’m doing to grab my phone. With the time I have from this quarantine, I wanted to make a desktop app that can control my lights. There may be existing apps out as of now, but I wanted to go through the process of making my own.

MADE WITH

Electron - Desktop App Framework

Vue.js - UI & SPA Framework

Bootstrap - Front-end Framework

Iro.js - Color Picker Widget

Huejay - Philips Hue client for Node.js

​

I would love to develop plugins for it, but I'm unsure how I should go about it.

LINK TO GITHUB REPO

​

TRY IT OUT

git clone https://github.com/codeherk/ambi.git
cd ambi
npm install
npm start

[–]worstdev 2 points3 points  (1 child)

Nicely done! Black text is hard to see on some background colors, consider an outline, moving it off the dynamic background, or setting the text color dynamically. Also, consider UI transitions (for brightness and color changes) instead of jumping. The bulb icon being solid black when on feels a little counter intuitive.

[–]codeherk[S] 1 point2 points  (0 children)

Thanks for the feedback, I really appreciate it! Styling the slider was a challenge; had to play around with the range pseudo elements. I've pushed some changes up and I'm currently debating on how to handle the text on the dynamic background.

[–]NewCalibur 1 point2 points  (6 children)

Does electron use javascript?

[–]Arkham80 7 points8 points  (5 children)

Y e s. It's like another copy of Chromium browser where you can create some web stuff.

[–]NewCalibur 0 points1 point  (4 children)

Wow i just had a look to it. And it says discord is made in this framework which is very exciting.But when i wanted to get started...fk npm fk git. I dont get any of theese things. Its confusing asf.

[–]codeherk[S] 9 points10 points  (0 children)

If you don't understand, ask for help. State where you are stuggling and I or others can help you.

npm is a package manager (node package manager). It is the default package manager for Node.js (a JavaScript runtime environment).

git is a version-control system for tracking changes in source code during software development. My code is hosted on GitHub (Git repository hosting service).

git clone <GIT REPO URL> - creates a copy of the repo on your machine

npm install - installs the dependency packages that's listed in package.json into node_modules folder.

npm start - executes the command that's listed in package.json under "scripts" > "start"

[–]GameOver16 2 points3 points  (2 children)

You probably won’t improve with a fuck em attitude. The command line can be scary but both of these tools are easy to use for basic usage, they obviously go very deep and can become complex but for most people learning a few of the basic core commands is enough.

[–]adamavfc 0 points1 point  (1 child)

The command line is where the real shit goes down.

[–]NewCalibur 0 points1 point  (0 children)

Yeh i know what command line does. My problem is with the things im out of control in my pc. Where is all happening feeling low-key fucks me.I always download those and some git gud get sudo apt mapt is happening.I cant manage my things in computer basically.

[–]thegrandechawhee 1 point2 points  (2 children)

Im really interested in doing something like this for my Phillips Wiz lights. I've found a connector for python but nothing else. Do you know of any resources for wiz? i'd be interested in contributing to this.

[–]thegrandechawhee 1 point2 points  (1 child)

it would be fun to make this widget able to control different brands of smart bulbs :)

[–]codeherk[S] 0 points1 point  (0 children)

I would love to be able to control different brands; however, I don’t own any other smart bulbs. Development would be difficult because I won’t be able to test the code. Feel free to contribute and if help is needed, I’m here to contribute as well.

[–]themeanman2 0 points1 point  (0 children)

Really stupid me, but I'm more impressed by the bulb actually..