ReactApp for the Samsung SmartThings ImageCapability Checking

This project was developed to check the ImageCapability image of SmartThings.

This project based on react framework.

Setup Instructions

Prerequisites

• A Samsung account and the SmartThings mobile application.
• A Developer Workspace account.
• SmartThings Devices(ex. Camera)

If testing locally (using provided webserver)

• Node.js and npm installed (verified with npm version 6.14.8 and Node 12.19.0).
• ngrok installed to create a secure tunnel and create a globally available URL for fast testing.

Start

Description for this Project : Link

Local - Server

• BackEnd Project Repository

1. Install the dependencies for server : npm install.

2. Start the server: npm start.

3. Start ngrok (in another terminal window/tab): ngrok http 3005. Copy the https: URL to your clipboard.

Local - Front

• FrontEnd Project Repository

1. Install the dependencies for this app : npm install.

2. Start the project: npm start

Check Images

1. (After you run above projects)Depending on the content of the SmartApp, information corresponding to the imageURL in the imageCapture results when an event occurs for SmartThings devices is stored in the path http://localhost:3005/api/image and data can be retrieved by sending a request to this URL from the frontend projects.

2. Recall capture results URL from server - Click on the URL list you want - Enter token issued by SmartThings - Load selected Image

3. You can check and save the desired image from the list of images captured since the server operation.