Smart Home Interface
Description
A mock user interface to interact with smart home features like climate, media, and security. Easily view all necessary info at a glance.
Features
- Various features related to smart home and IoT technology
- Security camera footage for multiple rooms (with mock assets)
- Keypad to lock the app when not in use
Technologies Used
This project was built in React with TypeScript, and Node.js, and with assets generated by Midjourney. Currently deployed here on Netlify.
Development Process & Motivation
I have worked with IoT electronics in the past and have always wanted to build a custom interface, so I wanted to try building one with React. I wanted a clean simple interface and researched different styles and decided on a neumorphism theme.
Challenges & Solutions
I didn't come across many technical issues with this project, but instead with styling, like adding the lockscreen overlay, and trying to make the camera footage look more realistic.
Future Plans & Improvements
I created the main layout but haven't got around to all the smaller details yet, but will continue with a modern neumorphism look, and possibly adding custom themes. Eventually I do plan on making a working prototype to connect with IoT devices, and to be displayed and powered on hardware like Arduino or Raspberry Pi.
Live Demo
Contact Me
Let's bring your web project to life
Thank you for taking the time to visit my website! If you're looking for a skilled and innovative developer to work with, don't hesitate to reach out. Whether you have a job opportunity or a freelance project in mind, let's connect and see how we can work together.
You can send me a message below or email me at mrmendoza171@gmail.com