Merge pull request #28 from derogab/dev

Minor improve docker support

.env

@@ -1 +1,2 @@
+REACT_APP_DAEMON_SOCKET_URL=http://localhost
 REACT_APP_DAEMON_SOCKET_PORT=8081

.github/FUNDING.yml

@@ -1,2 +1 @@
-github: derogab
 patreon: derogab

README.md

@@ -10,7 +10,7 @@
 
 Coingraph is a **real-time graph for cryptocurrencies**.
 
-![header](./assets/header.png)
+![](./assets/header.png)
 
 ## Dependencies
 ```shell
@@ -28,9 +28,14 @@ yarn run all
 The previous command starts both the [daemon](./daemon) and the web interface.
 
 ## Docker
+
+[![GitHub release (latest SemVer including pre-releases)](https://img.shields.io/github/v/release/derogab/coingraph?include_prereleases&style=flat-square)](https://github.com/derogab/coingraph/releases)
+[![Docker Image Size (tag)](https://img.shields.io/docker/image-size/derogab/coingraph-client/latest?style=flat-square)](https://hub.docker.com/r/derogab/coingraph-client)
+[![Docker Pulls](https://img.shields.io/docker/pulls/derogab/coingraph-client?style=flat-square)](https://hub.docker.com/r/derogab/coingraph-client)
+
 #### Manual
 1. [Start the `coingraph-daemon`](./daemon/README.md#start-container) and then
-2. 
+2. Run the container
     ```shell
     docker run -d \
       -p 3000:3000 \
@@ -39,12 +44,10 @@ The previous command starts both the [daemon](./daemon) and the web interface.
     ```
 
 #### Using `docker-compose` 
-Open `docker-compose.yml` and eventually change environment variables.  
-
-And then
+Open `docker-compose.yml` and eventually change environment variables. And then
 ```shell
 docker-compose up -d --build
 ```
 
 ## License
-_Coingraph_ is made with ♥  by [derogab](https://github.com/derogab) and the [amazing dev team](https://github.com/derogab/coingraph/graphs/contributors). It is released under the MIT license.
+[_Coingraph_](https://github.com/derogab/coingraph) is made with ♥  by [derogab](https://github.com/derogab) and the [amazing dev team](https://github.com/derogab/coingraph/graphs/contributors). It is released under the MIT license.

daemon/README.md

@@ -30,6 +30,11 @@ node app.js \
 Info: custom params overwrite default preferences in `.env`.
 
 ## Docker
+
+[![GitHub release (latest SemVer including pre-releases)](https://img.shields.io/github/v/release/derogab/coingraph?include_prereleases&style=flat-square)](https://github.com/derogab/coingraph/releases)
+[![Docker Image Size (tag)](https://img.shields.io/docker/image-size/derogab/coingraph-daemon/latest?style=flat-square)](https://hub.docker.com/r/derogab/coingraph-daemon)
+[![Docker Pulls](https://img.shields.io/docker/pulls/derogab/coingraph-daemon?style=flat-square)](https://hub.docker.com/r/derogab/coingraph-daemon)
+
 ###### Build image from source
 ```shell
 docker build -t derogab/coingraph-daemon .

daemon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coingraph-daemon",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A daemon for coingraph",
   "main": "app.js",
   "dependencies": {

docker-compose.yml

@@ -31,4 +31,5 @@ services:
     ports:
       - '3000:3000'
     environment:
+      - REACT_APP_DAEMON_SOCKET_URL=http://localhost
       - REACT_APP_DAEMON_SOCKET_PORT=8081

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coingraph",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "private": true,
   "dependencies": {
     "axios": "^0.19.0",

src/index.js

@@ -9,8 +9,9 @@ import * as serviceWorker from './serviceWorker';
 
 dotenv.config();
 
+const SOCKET_URL = process.env.REACT_APP_DAEMON_SOCKET_URL || 'http://localhost';
 const SOCKET_PORT = process.env.REACT_APP_DAEMON_SOCKET_PORT || 8081;
-const socketIo = io(`http://localhost:${SOCKET_PORT}`);
+const socketIo = io(`${SOCKET_URL}:${SOCKET_PORT}`);
 
 ReactDOM.render(<App socket={socketIo} />, document.getElementById('root'));