Merge branch 'develop'

Dockerfile

@@ -8,6 +8,7 @@ RUN yarn install
 
 COPY public /app/public
 COPY src /app/src
+ARG REACT_APP_APIURI=https://amber.h.tdem.in/api
 RUN yarn build
 
 FROM nginx:1.16-alpine AS release

README.md

@@ -0,0 +1,38 @@
+## Amber Web
+
+The web client for [Project Amber](/tdemin/amber), made with React,
+Redux, and TypeScript.
+
+#### Running the app locally
+
+###### Development
+
+Simply run:
+
+    % yarn install --dev
+    % yarn start
+
+Set the `REACT_APP_APIURI` environment variable in case you're testing against
+a local server. It should point to the base URI for all API requests, namely
+`https://amber.h.tdem.in/api`.
+
+###### Docker
+
+Run:
+
+    % docker build . -t amber_web
+    % docker run -it -p 8080:80 amber_web
+
+If you're running your own API server, be sure to set the
+`REACT_APP_APIURI` flag when building:
+
+    % docker build . -t amber_web --build-arg REACT_APP_APIURI=https://your.tld/api
+
+#### Development
+
+The source code of this app is formatted automatically with Prettier. Be sure
+to run `yarn beautify` and `yarn lint` before sending a pull request!
+
+#### License
+
+This program is MIT-licensed. See [LICENSE.txt](LICENSE.txt) for details.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "amber_web",
-    "version": "0.0.4",
+    "version": "0.0.4.1",
     "private": true,
     "dependencies": {
         "@types/jest": "24.0.18",

public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#ffffff" />
     <meta
       name="description"
       content="Amber Web, a task list app."

public/manifest.json

@@ -20,6 +20,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#ffffff",
   "background_color": "#ffffff"
 }

src/const.ts

@@ -1,6 +1,7 @@
-export const baseURI: string = "https://amber.h.tdem.in/api";
+export const baseURI: string =
+    process.env.REACT_APP_APIURI || "https://amber.h.tdem.in/api";
 
-export const appVersion: string = "0.0.4";
+export const appVersion: string = "0.0.4.1";
 export const appFullName: string = "Amber Web";
 export const appName: string = "amber_web";
 export const appAuthor: string = "Timur Demin";

src/views/styles/common.scss

@@ -12,6 +12,12 @@ div.container {
     max-width: 720px;
 }
 
+@media (min-width: 601px) {
+    div#root {
+        margin-top: $spacing * 16 !important;
+    }
+}
+
 @media (max-width: 600px) {
     div.container {
         margin: 0 $spacing;

src/views/styles/tasks.scss

@@ -37,6 +37,13 @@ div.taskList {
     }
 }
 
+@media (min-width: 601px) {
+    div.taskLine {
+        margin: $spacing * 4 0 !important;
+        padding: $spacing * 4 !important;
+    }
+}
+
 @media (max-width: 600px) {
     div.taskList {
         div.taskSubtree {