After migrating to AWS and storing their primary data in DynamoDB, iBEAM needed a new interface to both create and edit data in the system, and they needed it fast. Within about a week, we created this quick-and-dirty CRUD interface that ran entirely locally in the browser from the office computers (it talked directly to AWS, so no back-end server). It allowed them to take basic actions and see the results in a console-like scrolling pane on the right. It served their needs, and is still in use today.
Screenshots
At startup, the interface displayed various available actions on the left, and a scrollable display pane on the right. If you knew the user or camera ID you needed to work on, you could immediately enter it in one of the fields and take action on it. The query interface let you search by any field in the database.When an you clicked the "List all users" button, a complete list of the users in the database would display on the right, with the user IDs clickable (which would populate it in the fields on the left).Similarly, clicking "List all cameras" would show their basic info in a list in the display pane.Once you clicked on a user ID, it would be populated in the user fields on the left. To see the data in the system (cameras) which that user had permission to view, you could click "List cameras."Clicking on a camera ID in the display pane would populate the camera fields on the left. Clicking "List users" would show the users with permission to view that camera.The "Edit" button under the user field would display a window for viewing and editing an existing user's data.The "Edit" button under the camera field would display a window for viewing and editing an existing camera's data, with specific UI for each camera type.With both a user and camera ID populated in the fields, clicking "Edit" let you update the specific permissions given to that user.