A React Native mobile application following the Material You design to control and monitor a homemade cat feeder. My brother was working on a cat feeder and I offered my help with the creation of a mobile application to control it.

The application has a few main functionalities:

• * Control the cat feeder
• * Set triggers for the cat feeder to open
• * Configure related cat feeder settings
• * View a history of the status of the cat feeder

Home

See an overview of options on the Home screen:

• * Be able to see the current status of the cat feeder’s door
• * Open the door
• * Create new triggers
• * View an overview of existing triggers

The application is available in light or dark mode depending on the setting set on your phone.

Events

View a list of the most recent events. Selecting one of the events will bring you to the related trigger.

Settings

Manage different cat feeder settings, such as the time the door will stay open.

Triggers

Triggers can be created by simply selecting the time and the weekdays you which the trigger to open the cat feeder’s door. Once a trigger is created, they can edit it from the trigger page and see a similar page as the creation page, but to modify an existing trigger or to delete it.

Here’s the view of a trigger, where you can see more information about the trigger and related trigger events.

When a trigger gets deleted, it is recoverable since related events do not get deleted. So if a user selects an event from the events list shown previously that was deleted, they would see a similar screen as the one above.