Smarthome (v1)

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

  • Date
    January 2017
  • Client
    Tobias Wälde
Smarthome (v1)
Project Modules

Modules

An overview of the main components or layers that make up this project. Each module represents a distinct part of the system, from technical layers to functional features.
    Hardware
    I used a Raspberry Pi to control some relays and transistors which toggle my LED strips and some other devices.
    Backend
    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.
    Frontend
    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.
A Closer Look

Project Screenshots & Visuals

Explore key visuals from the project — from user interfaces to unique features. These screenshots showcase the design, flow, and overall experience delivered through the final product.
Tools Behind the Build

Technologies Used in This Project

From frontend frameworks to backend infrastructure, here's a breakdown of the technologies that brought this project to life. Each tool was carefully chosen to ensure performance, scalability, and a seamless user experience.
  • Raspberry Pi
  • Python
  • TypeScript
  • MaterializeCSS
  • React

Let's Build Something Great Together

Whether you need a stunning website, a powerful app, or reliable tech support — I'm here to help bring your vision to life.