Home Schedule

A smart home scheduling web app that enables automated control of smart devices via user-set schedules.

Technologies

• Next.js
  • Incorporated new features from Next.js and react, including app router and server actions.
• Typescript
• TailwindCSS

Implementations

• The popup modal is implemented using search params to take advantage of server-side rendering.
• The form submission is handled by server actions, which eliminates the need for creating API endpoints, and ensures data security.
• Device and scheduling data are written and configured using json file.

screenshots

After the user chooses a schedule to set, a form pops open for them to enter the time.