Login page init

src/App.tsx

@@ -2,6 +2,7 @@ import { Redirect, Route } from 'react-router-dom';
 import { IonApp, IonRouterOutlet } from '@ionic/react';
 import { IonReactRouter } from '@ionic/react-router';
 import WelcomePage from './pages/onboarding/Welcome';
+import LoginPage from './pages/login/Login';
 
 /* Core CSS required for Ionic components to work properly */
 import '@ionic/react/css/core.css';
@@ -30,6 +31,9 @@ const App: React.FC = () => (
         <Route exact path="/welcome">
             <WelcomePage />
         </Route>
+        <Route exact path="/login">
+            <LoginPage />
+        </Route>
         <Route exact path="/">
             <Redirect to="/welcome" />
         </Route>

src/pages/login/Login.tsx

@@ -0,0 +1,26 @@
+import { IonContent, IonPage, IonButton } from '@ionic/react';
+import { Component } from 'react';
+import styles from './Login.module.scss';
+
+type Props = { };
+
+type OwnState = { };
+
+class LoginPage extends Component<Props, OwnState> {
+    constructor(
+        props: Props
+    ) {
+        super(props);
+        this.state = {};
+    }
+
+    render() {
+        return <IonPage>
+            <IonContent fullscreen>
+                Login Page
+            </IonContent>
+        </IonPage>
+    };
+};
+
+export default LoginPage;

src/pages/onboarding/Welcome.tsx

@@ -15,7 +15,7 @@ class WelcomePage extends Component<Props, OwnState> {
     }
 
     render() {
-        return <IonPage>           
+        return <IonPage>
             <IonContent fullscreen>
 
                 <section className={styles.upfold}>
@@ -34,7 +34,7 @@ class WelcomePage extends Component<Props, OwnState> {
 
                         <div className={styles.actionButtonsHolder}>
                             <IonButton className={styles.actionButton} expand="block"> Create Account </IonButton>
-                            <IonButton className={styles.actionButton} fill="outline" expand="block"> Login </IonButton>
+                            <IonButton className={styles.actionButton} fill="outline" expand="block" routerLink="/login"> Login </IonButton>
                         </div>
                     </div>
                 </section>