Merge dev to master

Author: Blari

.env

@@ -0,0 +1,2 @@
+NODE_PATH=src/
+GENERATE_SOURCEMAP=false

.gitignore

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

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always"
+}

Dockerfile

@@ -0,0 +1,19 @@
+FROM node:14
+
+# Create app directory
+WORKDIR /usr/src/app
+
+# Install app dependencies
+# A wildcard is used to ensure both package.json AND package-lock.json are copied
+# where available (npm@5+)
+COPY package*.json ./
+
+RUN yarn install
+# If you are building your code for production
+# RUN npm ci --only=production
+
+# Bundle app source
+COPY . .
+
+EXPOSE 3000
+CMD [ "yarn", "start:backend" ]

README.md

@@ -1,106 +1,71 @@
-# React Material Admin Full — Material-UI Dashboard Template
+# React Material Admin Full
 
-Built with [React](https://facebook.github.io/react/), [Material-UI](https://material-ui.com), [React Router](https://reacttraining.com/react-router/).
-**No jQuery and Bootstrap!**
+## This project was generated by Flatlogic Platform.
 
-**This version uses React 16.14.0, React Router v5, MaterialUI v4, built with React Hooks and React Context (No Redux)**
+## To start the project:
 
-[Demo](https://flatlogic.com/admin-dashboards/react-material-admin/demo). Use any credentials to log in.
+Install dependencies via npm or yarn
 
-[![image](https://user-images.githubusercontent.com/24964748/55800639-df780300-5adc-11e9-84b7-7c2437088516.png)](https://flatlogic.com/admin-dashboards/react-material-admin/demo)
+```shell
+npm install
+```
 
-## Features
+```shell
+yarn
+```
 
-- React (**16.14.0**)
-- React Hooks
-- React Context
-- **No jQuery and Bootstrap!**
-- Mobile friendly layout (responsive)
-- Create-react-app under the hood
-- React Router v5
-- Material-UI v4
-- Modular Architecture
-- CSS-in-JS styles
-- Styled Components
-- Webpack build
-- Stylish, clean, responsive layout
-- Authentication
+Run development server
 
-## Pages
+```shell
+yarn start
+```
 
-We have implemented some basic pages, so you can see our template in action.
+## Support
 
-- Profile
-- Dashboard
-- E-commerce (Product Management, Products Grid, Product Page)
-- Typography
-- Tables (Static, dynamic)
-- Forms
-- Notifications
-- Charts
-- Icons
-- Maps
-- Login
-- Error
+For any additional information please refer to [Flatlogic homepage](https://flatlogic.com).
 
-## Quick Start
+## To start the project with Docker:
 
-#### 1. Get the latest version
+## Description:
 
-You can start by cloning the latest version of React Dashboard on your
-local machine by running:
+The project contains the **docker folder** and the `Dockerfile`.
 
-```shell
-$ git clone https://github.com/flatlogic/react-material-admin.git MyApp
-$ cd MyApp
-```
+The `Dockerfile` is used to Deploy the project to Google Cloud.
 
-#### 2. Run `yarn install`
+The **docker folder** contains a couple of helper scripts:
 
-This will install both run-time project dependencies and developer tools listed
-in [package.json](package.json) file.
+- `docker-compose.yml` (all our services: web, backend, db are described here)
+- `start-backend.sh` (starts backend, but only after the database)
+- `wait-for-it.sh` (imported from https://github.com/vishnubob/wait-for-it)
 
-#### 3. Run `yarn start`
+  > To avoid breaking the application, we recommend you don't edit the following files: everything that includes the **docker folder** and `Dokerfile`.
 
-Runs the app in the development mode.
+## Run services:
 
-Open http://localhost:3000 to view it in the browser. Whenever you modify any of the source files inside the `/src` folder,
-the module bundler ([Webpack](http://webpack.github.io/)) will recompile the
-app on the fly and refresh all the connected browsers.
+1. Install docker compose (https://docs.docker.com/compose/install/)
 
-#### 4. Run `yarn build`
+2. Move to `docker` folder. All next steps should be done from this folder.
 
-Builds the app for production to the build folder.
-It correctly bundles React in production mode and optimizes the build for the best performance.
+   `cd docker`
 
-The build is minified and the filenames include the hashes.
-Your app is ready to be deployed!
+3. Make executables from `wait-for-it.sh` and `start-backend.sh`:
 
-## Support
+   `chmod +x start-backend.sh && chmod +x wait-for-it.sh`
 
-For any additional information please refer to [Support forum](https://flatlogic.com/forum).
+4. Download dependend projects for services.
 
-## How can I support developers?
+5. Review the docker-compose.yml file. Make sure that all services have Dockerfiles. Only db service doesn't require a Dockerfile.
 
-- Star our GitHub repo :star:
-- [Tweet about it](https://twitter.com/intent/tweet?text=Amazing%20dashboard%20built%20with%20NodeJS,%20React%20and%20Bootstrap!&url=https://github.com/flatlogic/react-material-template&via=flatlogic).
-- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
-- Follow [@flatlogic on Twitter](https://twitter.com/flatlogic).
-- Subscribe to Flatlogic newsletter at [flatlogic.com](https://flatlogic.com/)
-- Like our page on [Facebook](https://www.facebook.com/flatlogic/) :thumbsup:
+6. Make sure you have needed ports (see them in `ports`) available on your local machine.
 
-## More from Flatlogic
+7. Start services:
 
-- [React Native Starter](https://github.com/flatlogic/react-native-starter) - 🚀 A powerful react native starter template that bootstraps development of your mobile application
-- [Sing App](https://github.com/flatlogic/sing-app) - 💥 Free and open-source admin dashboard template built with Bootstrap 4
-- [Awesome Bootstrap Checkboxes & Radios](https://github.com/flatlogic/awesome-bootstrap-checkbox) - ✅ Pure css way to make inputs look prettier
-- [React Dashboard](https://github.com/flatlogic/react-dashboard) - 🔥 React Dashboard - isomorphic admin dashboard template with GraphQL
-- [Light Blue Dashboard](https://github.com/flatlogic/light-blue-dashboard) - 💦 Free and open-source admin dashboard template built with Bootstrap
+   7.1. With an empty database `rm -rf data && docker-compose up`
 
-## Premium themes
+   7.2. With a stored (from previus runs) database data `docker-compose up`
 
-Looking for premium themes and templates? Check out more [admin dashboard templates at flatlogic.com](https://flatlogic.com/admin-dashboards).
+8. Check http://localhost:3000
 
-## License
+9. Stop services:
 
-[MIT](https://github.com/flatlogic/react-material-dashboard/blob/master/LICENSE.txt).
+   9.1. Just press `Ctr+C`

babel.config.js

@@ -1,9 +1,7 @@
 module.exports = {
-    "presets": [
-        "react-app"
-    ],
-    "plugins": [
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-optional-chaining"
-    ]
-};
+  presets: ['react-app'],
+  plugins: [
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-optional-chaining',
+  ],
+};