Skip to content

MadeleineSmith/Smart-Home-Panel-FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Smart Home Panel - FE repo

demo.mov

Background:

  • I wanted to build out a website to be able to control one of my smart bulbs in my home - instead of being reliant on the 'Smart Life' mobile app. This is the FE repo with the BE repo existing here.
  • Although, my solution works exactly as intended, arguably a far easier solution would be to buy a Raspberry Pi and install the Home Assistant OS on it. But hey ho, you live and learn.

Running locally:

  • Run npm install to install dependencies
  • Set the following environment variable as the url of the BE:
    • REACT_APP_API_URL=http://localhost:{{PORT-NUM}}
  • Run npm run start to run the code

Hosting the FE:

  • I decided to host the FE on Netlify as it's free 🤑
  • Netlify apparently has a CLI for easy deployment - though I haven't used this yet. Instead, I followed the flow on their website to be able to deploy from a GitHub repo - which was pretty straightforward.
  • Set the following environment variable as the url of the BE
    • REACT_APP_API_URL=https://{{APP-NAME}}.herokuapp.com/

About

FE: A panel to control one of the smart bulbs in my house 💡

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published