This webapp is the control interface of my custom built smart home.

I used a Raspberry Pi to control some relays and transistors which toggle my LED strips and some other devices.

Hardware

I wrote two backends. The main backend is a Python script which uses Flask to receive requests and control the lights. The other backend is a simple express.js app used by my frontend. It implements the main authentication and sends requests to to main backend.

Backend

I used React and TypeScript to create my frontend. The styling comes from MaterializeCSS. When I have learned Flutter in April 2020, I started to create a native app.

Frontend

large_03.png

medium_03.png

small_03.png

thumbnail_03.png

03.png

large_01.png

medium_01.png

small_01.png

thumbnail_01.png

01.png

large_02.png

medium_02.png

small_02.png

thumbnail_02.png

02.png

large_04.png

medium_04.png

small_04.png

thumbnail_04.png

04.png

large_05.png

medium_05.png

small_05.png

thumbnail_05.png

05.png

large_06.jpg

medium_06.jpg

small_06.jpg

thumbnail_06.jpg

06.jpg

react.svg

React

materializecss.svg

MaterializeCSS

typescript.svg

TypeScript

python.svg

Python

raspberry-pi.svg

Raspberry Pi (Icon)

Smarthome (v1)

Smarthome (v1)

Applied Skills

How it works

Hardware

Backend

Frontend

Get In Touch

Send a Message