Problem Statement
Whether you are at work or at home, the nagging worry of "who's at home?" fades away but it is hard to truly understand what is going on where you relax. Research labs, punch-in machines, and traditional home cameras not only are slow to use but provide limited data as to who is moving in and out of your house.
My Role
- Created the UI design for desktop and mobile mockups in Figma
- Connected the frontend React app to the Firebase backend
- Integrated communication to a Raspberry Pi via gRPC
Outcome
Keysight is a two-part web security system that allows homeowners to monitor and track movement in and out of their household. Utilizing facial recognition and voice detection, Keysight is able to quickly identify whitelisted individuals as well as send notifications alerting of any guests or deliveries. Whenever there is any abnormal activity or threats, everyone in your house will be notified safely and remotely.
Final Web Application Mockup
Keysight was built using a combination of React, Firebase, and Chakra UI through UI/UX designs created in Figma. Firebase was utilized as the database to document and log user information that was initialized through Google authentication. We chose React as our main framework due to its ability for hot refresh alongside Firebase.
Our design consists of a main dashboard that showcases all main information alongside a settings tab that allows for group creation through email invites.
