Dev

.eslintignore

@@ -0,0 +1,2 @@
+server/*
+config/webpack*

.eslintrc

@@ -0,0 +1,27 @@
+{
+  "parser": "babel-eslint",
+  "extends": "airbnb",
+  "plugins": [
+    "react",
+    "jsx-a11y",
+    "import"
+  ],
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "rules": {
+    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
+    "react/jsx-one-expression-per-line": "off",
+    "react/no-array-index-key": "off",
+    "jsx-a11y/href-no-hash": "off",
+    "jsx-a11y/label-has-for": "off",
+    "react/prefer-stateless-function": "off",
+    "comma-dangle": ["error", {"functions": "never"}],
+    "indent": ["error", 2],
+    "linebreak-style": "off",
+    "import/no-unresolved": "off",
+    "no-console": "off",
+    "object-curly-newline": "off"
+  }
+}

.gitignore

@@ -12,6 +12,8 @@ Desktop.ini
 .directory
 *~
 
+# JetBrains
+.idea
 
 # npm
 node_modules
@@ -25,3 +27,8 @@ coverage
 
 # Benchmarking
 benchmarks/graphs
+
+# Other
+.vscode
+build
+server/.env

.stylelintrc

@@ -0,0 +1,3 @@
+{
+    "extends": "stylelint-config-standard",
+}

README.md

@@ -0,0 +1,19 @@
+# TripAssistantCore
+
+Start Express server: npm run express;<br><br>
+<i>NOTE: Edit database config before starting API server. Path: server/.env.sample (delete .sample and add your credential)</i><br><br>
+Database setup:<br>
+1: <i>npm run createTables</i>;<br>
+2: <i>npm run dbseed</i>.<br>
+For recreate all project tables with empty data use:<br>
+<i>npm run reCreateTables</i><br>
+For clearing all tables use:<br>
+<i>npm run clearAllTabless</i><br>
+<br>
+<br>
+<br>
+For dev Server: npm run dev;<br>
+For build production: npm run build;<br>
+<br>
+<i>NOTE: "Dev Server" starting with Eslint;</i><br>
+<i></i>

client/App.jsx

@@ -0,0 +1,92 @@
+import React, { Fragment } from 'react';
+import { Route, Switch, Redirect } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import { GoogleApiWrapper } from 'google-maps-react';
+import axios from 'axios';
+import './App.scss';
+import Routes from './routes';
+import Login from './pages/Login';
+import Header from './components/Header';
+import Menu from './components/Menu';
+
+const KEY = 'AIzaSyDWfF4B8J4mmrLGltJfU9XqEauLS8PCarg';
+
+const PrivateRoute = ({ component: Component, isAuth, ...rest }) => {
+  const id = window.location.search.substr(1);
+  if (id) {
+    axios.get(`/api/register/${id}`)
+      .then(({ data: { iduser, role } }) => {
+        if (iduser) {
+          sessionStorage.setItem('iduser', iduser);
+          sessionStorage.setItem('role', role);
+        }
+      })
+      .catch(e => console.log(e));
+  }
+  return (
+    <Route
+      {...rest}
+      render={props => (
+        isAuth === true
+          ? <Component {...props} />
+          : <Redirect to="/login" />
+      )}
+    />
+  );
+};
+
+class App extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      isAuth: false
+    };
+  }
+
+  componentDidMount() {
+    this.updateIsAuth();
+  }
+
+  updateIsAuth = () => {
+    if (sessionStorage.getItem('iduser')) {
+      this.setState({ isAuth: true });
+    } else {
+      this.setState({ isAuth: false });
+    }
+  }
+
+  runLogout = () => {
+    sessionStorage.removeItem('iduser');
+    sessionStorage.removeItem('role');
+    this.setState({ isAuth: false });
+  }
+
+  render() {
+    const { isAuth } = this.state;
+
+    return (
+      <Fragment>
+        <Header isAuth={isAuth} runLogout={this.runLogout} />
+        <div className="main">
+          <Menu isAuth={isAuth} />
+          <div className="content">
+            <Switch>
+              {Routes.map((route, i) => <PrivateRoute {...route} isAuth={isAuth} key={i} />)}
+              <Route path="/(login|register)" render={props => <Login {...props} isAuth={isAuth} updateIsAuth={this.updateIsAuth} />} />
+            </Switch>
+          </div>
+        </div>
+      </Fragment>
+    );
+  }
+}
+
+PrivateRoute.propTypes = {
+  component: PropTypes.func.isRequired,
+  isAuth: PropTypes.bool.isRequired
+};
+
+export default GoogleApiWrapper({
+  apiKey: (KEY),
+  language: 'en'
+})(App);

client/App.scss

@@ -0,0 +1,144 @@
+@import 'materialize-css/sass/materialize.scss';
+
+#app {
+  padding-top: 50px;
+  height: 100%;
+}
+
+#map {
+  margin: -10px -15px 0 0;
+  flex-grow: 1;
+  height: calc(100vh - 50px);
+  position: relative;
+}
+
+.main {
+  display: flex;
+  height: auto;
+  min-height: calc(100vh - 50px);
+}
+
+.content {
+  width: calc(100% - 110px);
+  padding: 10px 15px 0;
+  background: url('~@images/profile-page-bg.jpg') top;
+  background-size: cover;
+
+  &__wrapper {
+    margin-right: auto;
+    margin-left: auto;
+    padding-right: 15px;
+    padding-left: 15px;
+    width: 100%;
+    max-width: 1240px;
+  }
+}
+
+.online::before {
+  content: "";
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+  border-radius: 50%;
+  background-color: #4caf50;
+}
+
+.offline::before {
+  content: "";
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+  border-radius: 50%;
+  background-color: #e53935;
+}
+
+button {
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  border-image: none;
+}
+
+// COLORS
+$blue: #33afe0;
+$darkblue: #252d3a;
+$green: #2ab7a9;
+
+p {
+  color: rgba($darkblue, 0.8);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5em;
+}
+
+h1 {
+  color: #252d3a;
+  font-size: 30px;
+  font-weight: 600;
+  line-height: 1.2em;
+}
+
+.main-header {
+  color: #252d3a;
+  font-size: 30px;
+  font-weight: 600;
+  line-height: 1em;
+  padding: 40px 15px 30px;
+  background-color: rgba(#fff, 0.5);
+  text-align: center;
+  margin: -15px -10px 20px;
+}
+
+.main-card {
+  background-color: #f7f8fa;
+  text-align: left;
+  width: 100%;
+  border-radius: 3px;
+  box-shadow: 20px 0 40px rgba(74, 77, 101, 0.2);
+
+  &__heading {
+    color: #252d3a;
+    font-size: 14px;
+    line-height: 1em;
+    font-weight: 600;
+    margin-bottom: 0;
+    padding: 32px 15px 31px;
+    box-shadow: 0 20px 40px rgba(89, 100, 191, 0.1);
+    border-radius: 3px 3px 0 0;
+    text-align: center;
+  }
+
+  &__wrap {
+    background-color: #f7f8fa;
+    margin-bottom: 35px;
+    width: 100%;
+    border-radius: 3px;
+    box-shadow: 20px 0 40px rgba(74, 77, 101, 0.2);
+  }
+
+  &__body {
+    padding: 15px;
+    text-align: center;
+  }
+}
+
+.main-btn {
+  display: inline-block;
+  padding: 15px 23px 15px;
+  margin: 0 10px;
+  border-radius: 3px;
+  background-color: $blue;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1em;
+  letter-spacing: 0.6px;
+  cursor: pointer;
+  transition: background-color 0.15s linear;
+
+  &:hover {
+    background-color: $darkblue;
+  }
+}