Smart Home (IoT)

03/09/2024
PWA smart home IoT web app that communicates with physical boards in realtime. Made with react and vitePWA.
The challenging part of this project was mimicking the native feeling of mobile UI with react as this was a web based app. so I had to consider vertical responsiveness and lots of scrollable and overflowed containers.
This app is multilingual using i18next to support both Persian and English languages while having the options to smoothly switch between them.
I used Tanstack Query for data caching to avoid unnecessary api calls and to auto-fetch charts data every second.
I used mantine + tailwind for UI.
I used recharts for diagrams.
I also implemented push notifications as well as other native feeling features (like phone vibration, ...)