feat: added nginx, added themes background, added readme

Author: Дмитрий Никифоров

Dockerfile

@@ -1,9 +1,13 @@
-FROM node:lts-alpine3.16
+FROM node:lts-alpine3.16 as build-stage
 
 WORKDIR /app
 COPY package.json ./
 COPY yarn.lock ./
 RUN yarn
 COPY . ./
+RUN yarn build
 
-CMD ["yarn", "start"]
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /app/build /usr/share/nginx/html
+EXPOSE 3005
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -2,3 +2,28 @@
 
 ## Inbox
 
+Это приложение является частью интерфейса почтового клиента vk.mail.ru/inbox — список писем.
+Можно посмотреть демо по [ссылке](http://185.86.147.232:3005/)
+
+### Что доступно?
+
+1. Список писем с отображением - отправителя, оглавления, части контента, вложениями и превью вложений и т.д. 
+1. Отметить письмо или группу выбранных писем прочитанными/непрочитанными, а так же одиночные письма можно поменить флагом.
+1. Категории писем.
+1. Различные темы - светлая, темная, монохромная, с собачками и с котиками.
+1. Письма подгружаются частями - по 20 писем - максимальное количество отображаемых писем 40.
+
+### Как запустить локально?
+
+##### back
+```
+    yarn start:back
+```
+
+##### front
+```
+    yarn start:front
+```
+
+##### PS
+Бек подключен как submodule и доступен [здесь](https://github.com/Not-cottage-cheese-but-cottage-cheese/final_web_back)

back

@@ -6,6 +6,6 @@ services:
       context: .
       dockerfile: Dockerfile
     ports:
-      - 3005:3005
+      - 3005:80
     environment:
       - API=http://localhost:3000

docker-compose.yml

@@ -24,7 +24,8 @@
     "@vkontakte/vk-bridge": "^2.0.2"
   },
   "scripts": {
-    "start": "PORT=3005 react-scripts start",
+    "start:front": "PORT=3005 react-scripts start",
+    "start:back": "cd ./back && node -r dotenv/config index",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

package.json

@@ -216,17 +216,20 @@ const Inbox = withAdaptivity(
                 style={{
                   backgroundImage:
                     'url(https://img.imgsmail.ru/pkgs/themes.outsource/1.15.0/t2068/images/bg/vk_all/1440x900.jpg)',
-                    backgroundSize: 'cover'
+                  backgroundSize: 'cover'
                 }}
                 onClick={() => dispatch(setTheme(NotDefaultTheme.DOG))}
               >
                 <div style={{ height: 96, color: 'white' }}>Собачья тема</div>
               </Card>
-              <Card style={{
+              <Card
+                style={{
                   backgroundImage:
                     'url(https://s1.hostingkartinok.com/uploads/images/2022/07/9fa633d1ac363e876b5740f9c331c6ed.png)',
-                    backgroundSize: 'cover'
-                }} onClick={() => dispatch(setTheme(NotDefaultTheme.CAT))}>
+                  backgroundSize: 'cover'
+                }}
+                onClick={() => dispatch(setTheme(NotDefaultTheme.CAT))}
+              >
                 <div style={{ height: 96, color: 'black' }}>Кошачья тема</div>
               </Card>
             </CardGrid>