From 4f36e9061b13b5ff8f70bbcdcf1aa2398818df39 Mon Sep 17 00:00:00 2001 From: evans Date: Fri, 24 Sep 2021 13:09:25 +0300 Subject: [PATCH] Added the docker & Update README.md --- Dockerfile | 22 +++++++++++++++++ README.md | 4 ++++ docker-compose.yml | 24 +++++++++++++++++++ .../Partners/PartnerAvatar/PartnerAvatar.css | 1 + 4 files changed, 51 insertions(+) create mode 100644 Dockerfile create mode 100644 docker-compose.yml diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..ca17bae --- /dev/null +++ b/Dockerfile @@ -0,0 +1,22 @@ +# pull official base image +FROM node:13.12.0-alpine + +# set working directory +WORKDIR /app + +# add `/app/node_modules/.bin` to $PATH +ENV PATH /app/node_modules/.bin:$PATH + +# install app dependencies +COPY package.json ./ +COPY package-lock.json ./ +RUN npm install --silent +RUN npm install react-scripts@3.4.1 -g --silent + +# add app +COPY . ./ + +EXPOSE 3001 + +# start app +CMD ["npm", "start"] \ No newline at end of file diff --git a/README.md b/README.md index 31d14e4..cb8e6b1 100644 --- a/README.md +++ b/README.md @@ -4,6 +4,10 @@ In the project directory, you can run: ### `yarn` +Install npm packages, you can run: + +### `yarn install` + Installs the required npm packages. ### `yarn start` diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..837fb3f --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,24 @@ +version: "3" +networks: + proxynet: + external: + name: nyumba.network + +services: + nyumba: + container_name: nyumba + image: nyumba + restart: unless-stopped + build: + context: . + dockerfile: Dockerfile + volumes: + - ".:/app" + - "/app/node_modules" + ports: + - 3001:3000 + environment: + - CHOKIDAR_USEPOLLING=true + networks: + - proxynet + stdin_open: true \ No newline at end of file diff --git a/src/components/SideArea/Interests/Partners/PartnerAvatar/PartnerAvatar.css b/src/components/SideArea/Interests/Partners/PartnerAvatar/PartnerAvatar.css index d8ceae8..0375536 100644 --- a/src/components/SideArea/Interests/Partners/PartnerAvatar/PartnerAvatar.css +++ b/src/components/SideArea/Interests/Partners/PartnerAvatar/PartnerAvatar.css @@ -7,6 +7,7 @@ height: 4rem; width: 4rem; border-radius: 50%; + align-items: center; box-shadow: 2px -2px 2px 2px rgba(0, 0, 0, 0.1); }