Firman Jamal

LIGHUE MOBILE APP

FRONTEND

REACT NATIVE

COMPLETED

OPEN SOURCE

Description

Lighue is an intuitive application that puts all the controls necessary for controlling paired Hue Bulbs to the bridge at the user's fingertips. The Hue Bulb can essentially be turned on or off, and its brightness, colors, and saturation can all be adjusted by the average user.

Lighue was created using React Native Expo environment, later then ejected into full native code. We took inspiration from an online example, modified it for our use case using Adobe XD, and created a route point to another page for a prototype before we started coding.

When we first started, we had little knowledge of React Native and were searching for an SDK that would work with Philip Hue and we couldn't find. So we had to make one ourselves using the axios HTTP client. To enable intellisense from the VSCODE IDE by creating comments for every functions and connect everything with redux to have a better code readability and smooth development.

It was a great experience and I

  • Managed to play around with Zigbee Technology

  • Understood how Zigbee work (network topology)

  • Better understanding of RESTFul API

  • Managed to understand better about oAuth 2.0 for cloud

  • Learnt how to use Github

  • Better understanding on Redux

  • Using Postman to test API

  • Improved my Javascript skills with (ES6,7,8)

There's another repository that was open-source using Typescript and jsHue library with my own built-in types. But I didn't manage to find a time to resume that project.

Project Stack

  1. REACT NATIVE
  2. REDUX
  3. EXPO
  4. AXIOS
  5. LOTTIE

Collaborator Names

  1. Iman Rizal
  2. Juraimi
  3. Naga