ft(register):user registration

- create registration-template
[Delivers #166840878]

jest.config.js

@@ -3,7 +3,7 @@ module.exports = {
   testPathIgnorePatterns: ['/node_modules/'],
   transformIgnorePatterns: ['<rootDir>/node_modules/'],
   moduleNameMapper: {
-    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|css)$':
       '<rootDir>/__mocks__/fileMock.js',
     '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js'
   },

src/components/user.register/index.css

@@ -0,0 +1,18 @@
+.form-card{
+    background: grey;
+    height:100vh;
+}
+.bg-color{
+  background: #3DBFB7;  
+}
+.height{
+    height: 80%;
+}
+
+.auth-bg {
+    background-image: url('../../assets/images/auth-bg.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    /* height:632px; */
+  }

src/components/user.register/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.css';
+
+export default function UserRegidtration() {
+  return (
+    <div className="flex justify-center items-center bg-gray-200 h-screen">
+      <div className="md:flex max-w-lg w-7/12 bg-color height items-center auth-bg hidden md:block rounded-l-lg ">
+        <p className="px-5 text-center text-white text-3xl">
+          Welcome, Signup to share, recomend and bookmark
+        </p>
+      </div>
+    </div>
+  );
+}

src/routes/AppRouter.js

@@ -2,11 +2,13 @@ import React from 'react';
 import { Route, Switch } from 'react-router-dom';
 import LandingPage from '../pages/loginPage';
 import Homepage from '../pages/hompage';
+import User from '../components/user.register/index';
 
 const Routes = () => (
   <Switch>
     <Route path="/" exact component={Homepage} />
     <Route path="/login" exact component={LandingPage} />
+    <Route path="/user" exact component={User} />
   </Switch>
 );
 

tests/__snapshots__/App.spec.js.snap

@@ -124,5 +124,10 @@ exports[`Application test should work fine on Routes 1`] = `
     exact={true}
     path="/login"
   />
+  <Route
+    component={[Function]}
+    exact={true}
+    path="/user"
+  />
 </Switch>
 `;