added background selection

.gitattributes

@@ -0,0 +1 @@
+* text=auto

.gitignore

@@ -1,29 +1,29 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-**/node_modules
-/.pnp
-.pnp.js
-
-# testing
-**/coverage
-
-# production
-**/build
-
-# docker
-docker-compose.override.yml
-
-# misc
-.DS_Store
-.env
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-.rediscli_history
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+**/node_modules
+/.pnp
+.pnp.js
+
+# testing
+**/coverage
+
+# production
+**/build
+
+# docker
+docker-compose.override.yml
+
+# misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.rediscli_history

.redis

@@ -1,10 +1,10 @@
-dir /app/.data
-appendonly yes
-daemonize yes
-
-dbfilename dump.rdb
-maxmemory 400000000
-maxmemory-policy noeviction
-
-auto-aof-rewrite-percentage 100
-auto-aof-rewrite-min-size 64mb
+dir /app/.data
+appendonly yes
+daemonize yes
+
+dbfilename dump.rdb
+maxmemory 400000000
+maxmemory-policy noeviction
+
+auto-aof-rewrite-percentage 100
+auto-aof-rewrite-min-size 64mb

client/.babelrc

@@ -1,4 +1,5 @@
-{
-  "presets": ["@babel/preset-env", "@babel/preset-react"]
-}
-
+{
+  "plugins": ["babel-plugin-styled-components"],
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}
+

client/.vscode/settings.json

@@ -4,5 +4,8 @@
     "titleBar.inactiveForeground": "#000000CC",
     "titleBar.activeBackground": "#FFC600",
     "titleBar.inactiveBackground": "#FFC600CC"
+  },
+  "search.exclude": {
+    "**/bundle.js": true
   }
 }

client/package.json

@@ -8,13 +8,15 @@
     "@testing-library/user-event": "^7.2.1",
     "http-proxy-middleware": "^1.0.6",
     "react": "^16.14.0",
+    "react-color": "^2.19.3",
     "react-dom": "^16.14.0",
     "react-dropzone": "^11.2.2",
     "react-flip-toolkit": "7.0.12",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^4.0.0",
     "react-spinners": "^0.9.0",
-    "socket.io-client": "^2.3.0"
+    "socket.io-client": "^2.3.0",
+    "styled-components": "^5.2.1"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -30,5 +32,8 @@
     "not dead",
     "not ie <= 11",
     "not op_mini all"
-  ]
+  ],
+  "devDependencies": {
+    "babel-plugin-styled-components": "^1.11.1"
+  }
 }