This small app presents a simple web UI for viewing and uploading images, with the following properties:
- The image store is held by a web service
- Browser-based clients connect to the service by web socket
- Clients may upload new images which are then propagated to all other clients
- A UNIX-style shell (WMMV on other platforms)
- Node.js v10+ (v10.3.0 tested)
- NPM v6 (v6.1.0 tested)
- Optional: Docker (v18.09.2 used)
-
Install deps and start the service:
cd api npm install npm start
-
Install deps and start the UI dev server:
cd ui npm install npm start
-
Clone the repo:
git clone https://github.com/ewandennis/image-viewer.git cd image-viewer
-
Build the docker image:
npm run build
-
Start the app:
npm start
The app is now running on http://localhost:3000/.
Run npm test
in image-viewer
, image-viewer/ui
or image-viewer/api
.
- UI upload error reporting
- User identification / authentication
- User automation / functional testing
- Share protocol string definitions between client and service