Vue js init

Classes/BackEnd/tp4/api.php

+<?php
+    // define __ROOT_DIR constant which contains the absolute path on disk
+    // of the directory that contains this file (index.php)
+    // e.g. http://eden.imt-lille-douai.fr/~luc.fabresse/index.php => __ROOT_DIR = /home/luc.fabresse/public_html
+    $rootDirectoryPath = realpath(dirname(__FILE__));
+    define ('__ROOT_DIR', $rootDirectoryPath );
+
+    // Load all application config
+    require_once(__ROOT_DIR . "/config/config.php");
+
+    // Load the Loader class to automatically load classes when needed
+    require_once(__ROOT_DIR . '/classes/AutoLoader.class.php');
+
+    // Reify the current request
+    $request = Request::getCurrentRequest();
+    Response::interceptEchos();
+
+    try {
+        $controller = Dispatcher::dispatch($request);
+        $response = $controller->execute();
+    } catch (Exception $e) {
+        $log = Response::getEchos();
+        $log .= " " . $e->getMessage();
+        $response = Response::errorResponse($log);
+    }
+
+    $response->send();
+?>
\ No newline at end of file

Classes/BackEnd/tp4/classes/AutoLoader.class.php

+ <?php  
+   class AutoLoader {
+        public function __construct() {
+            spl_autoload_register( array($this, 'load') );
+            // spl_autoload_register(array($this, 'loadComplete'));
+        }
+
+        // This method will be automatically executed by PHP whenever it encounters an unknown class name in the source code
+        private function load($className) {
+            $paths = array('/classes/', '/controller/', '/model/', '/sql/');
+            $fileToLoad = null;
+            $i = 0;
+
+            do {
+                $fileToLoad = __ROOT_DIR . $paths[$i] . ucfirst($className) . '.class.php';
+                $i++;
+            } while(!is_readable($fileToLoad) && $i < count($paths));
+
+            if (!is_readable($fileToLoad))
+                throw new Exception('Unknown class ' . $className);
+
+            require_once($fileToLoad);
+
+            if (strlen(strstr($fileToLoad, '/model/')) > 0) {
+                $fileToLoadSql = __ROOT_DIR . '/sql/' . ucfirst($className) . '.sql.php';
+
+                if (is_readable($fileToLoadSql)) {
+                    require_once($fileToLoadSql);
+                }
+            }
+        }
+    }
+
+    $__LOADER = new AutoLoader();
+?>
\ No newline at end of file

Classes/BackEnd/tp4/classes/DatabasePDO.class.php

+<?php
+    class DatabasePDO extends PDO {
+        protected static $singleton = NULL;
+
+        public static function singleton(){
+            if(is_null(static::$singleton))
+                static::$singleton = new static();
+
+            return static::$singleton;
+        }
+
+        public function __construct() {
+            $connectionString = "mysql:host=". DB_HOST;
+
+            if(defined('DB_PORT'))
+                $connectionString .= ";port=". DB_PORT;
+
+            $connectionString .= ";dbname=" . DB_DATABASE;
+            $connectionString .= ";charset=utf8";
+
+            parent::__construct($connectionString, DB_USERNAME, DB_PASSWORD);
+            $this->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/classes/Dispatcher.class.php

+<?php
+    /*
+    * Analyses a request, created the right Controller passing it the request
+    */
+
+    class Dispatcher {
+        public static function dispatch($request) {
+            return static::dispatchToController($request->getControllerName(), $request);
+        }
+
+        public static function dispatchToController($controllerName, $request) {
+            $controllerClassName = ucfirst($controllerName) . 'Controller';
+
+            if (!class_exists($controllerName))
+                throw new Exception("$controllerName does not exist");
+
+            return new $controllerClassName($controllerName, $request);
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/classes/Request.class.php

+<?php
+    class Request {
+        protected $controllerName;
+        protected $uriParameters;
+        protected static $singleton = NULL;
+
+        public function __construct() {
+            $this->jsonReceived = null;
+            $this->initBaseURI();
+            $this->initControllerAndParametersFromURI();
+        }
+
+        public static function getCurrentRequest() {
+            if (is_null(static::$singleton))
+                static::$singleton = new static();
+                
+            return static::$singleton;
+        }
+
+        public function jsonContent() {
+            if(is_null($this->jsonReceived))
+               $this->jsonReceived = json_decode(file_get_contents("php://input"));
+
+            return $this->jsonReceived;
+         }
+
+        protected function initBaseURI() {
+            $this->baseURI = explode('/api.php', $_SERVER['SCRIPT_NAME'])[0];
+        }
+
+        protected function initControllerAndParametersFromURI(){
+            $url = trim($_SERVER['PATH_INFO'], '/');
+            $urlSegments = explode('/', $url);
+
+            $scheme = ['controller', 'params'];
+            $route = [];
+
+            foreach ($urlSegments as $index => $segment){
+                if ($scheme[$index] == 'params'){
+                    $route['params'] = array_slice($urlSegments, $index);
+                    break;
+                } else {
+                    $route[$scheme[$index]] = $segment;
+                }
+            }
+
+            $this->controllerName = $route['controller'] != "" ? $route['controller'] : "default";
+            $this->uriParameters = isset($route['params']) ? $route['params'] : [];
+        }
+
+        // ==============
+        // Public API
+        // ==============
+        public function getControllerName() {
+            return $this->controllerName;
+        }
+
+        public function getHttpMethod() {
+            return $_SERVER["REQUEST_METHOD"];
+        }
+
+        public function getUriParameters() {
+            return $this->uriParameters;
+        }
+
+        public function getJwtToken() {
+            $headers = getallheaders();
+            $autorization = $headers['Authorization'];
+            $arr = explode(" ", $autorization);
+        
+            if (count($arr) < 2)
+                throw new Exception("Missing JWT token");
+        
+            $jwt_token = $arr[1];
+        
+            return $jwt_token;
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/classes/Response.class.php

+<?php
+    class Response {
+        protected $code;
+        protected $body;
+
+        public function __construct($code = 404, $msg = "") {
+            $this->code = $code;
+            $this->body = $msg;
+        }
+
+        public static function okResponse($message = "")
+        {
+            return new Response(200, $message);
+        }
+
+        public static function errorResponse($message = "") {
+            return new Response(400, $message);
+        }
+
+        public static function errorInParametersResponse($message = "")
+        {
+            return new Response(400, $message);
+        }
+
+        public static function notFoundResponse($message = "")
+        {
+            return new Response(404, $message);
+        }
+
+        public static function serverErrorResponse($message = "")
+        {
+            return new Response(500, $message);
+        }
+
+        public static function interceptEchos() {
+            ob_start();
+        }
+
+        public static function getEchos() {
+            return ob_get_clean();
+        }
+
+        public function send() {
+            // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin
+            header("Access-Control-Allow-Origin: *");
+
+            header("Content-Type: application/json; charset=UTF-8");
+
+            // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Methods
+            header("Access-Control-Allow-Methods: GET,POST,PUT,DELETE");
+
+            header("Access-Control-Max-Age: 3600"); // Maximum number of seconds the results can be cached.
+
+            // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers
+            header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
+
+            http_response_code($this->code);
+            echo $this->body;
+            exit; // do we keep that?
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/config/config.php

+<?php
+	// DB
+	define('DB_HOST', 'localhost');
+	define('DB_PORT', 8888);
+	define('DB_DATABASE', 'dbtest');
+	define('DB_USERNAME', 'root');
+	define('DB_PASSWORD', 'root');
+
+	// JWT
+	define( 'JWT_BACKEND_KEY', '6d8HbcZndVGNAbo4Ih1TGaKcuA1y2BKs-I5CmP' );
+	define( 'JWT_ISSUER', $_SERVER['HTTP_HOST'] . $_SERVER['CONTEXT_PREFIX']);	
+
+	// define('__DEBUG', false);
+	define('__DEBUG', true);
+
+	// ================================================================================
+	// Debug utilities
+	// ================================================================================
+	if(__DEBUG) {
+		error_reporting(E_ALL);
+		ini_set("display_errors", E_ALL);
+	} else {
+		error_reporting(0);
+		ini_set("display_errors", 0);
+	}
+
+	function myLog($msg) {
+		if(__DEBUG) {
+			echo $msg;
+		}
+	}
+
+	function myDump($var) {
+		if(__DEBUG) {
+			var_dump($var);
+		}
+	}
+?>
\ No newline at end of file

Classes/BackEnd/tp4/controller/Controller.class.php

+<?php
+    /*
+    * A Controller is dedicated to process a request
+    * its responsabilities are:
+    * - analyses the action to be done
+    * - analyses the parameters
+    * - act on the model objects to perform the action
+    * - process the data
+    * - call the view and passes it the data
+    * - return the response
+    */
+
+    abstract class Controller {
+        protected $name;
+        protected $request;
+
+        public function __construct($name, $request) {
+            $this->name = $name;
+            $this->request = $request;
+        }
+
+        public abstract function processRequest();
+
+        public function execute() {
+            $response = $this->processRequest();
+            if(empty($response)) {
+                // $response = Response::serverErrorResponse("error processing request in ". self::class); // Oh my PHP!
+                $response = Response::serverErrorResponse("error processing request in ". static::class);
+            }
+            return $response;
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/controller/DefaultController.class.php

+<?php
+    class DefaultController extends Controller {
+        public function __construct($name, $request) {
+            parent::__construct($name, $request);
+        }
+
+        // ==============
+        // Actions
+        // ==============
+
+        public function processRequest() {
+            return Response::errorResponse('{ "message" : "Unsupported endpoint"}' );
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/controller/LoginController.class.php

+<?php
+    include_once __ROOT_DIR . '/libs/php-jwt/src/BeforeValidException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/ExpiredException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/SignatureInvalidException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/JWT.php';
+    use \Firebase\JWT\JWT;
+
+    class LoginController extends Controller {
+        public function __construct($name, $request) {
+            parent::__construct($name, $request);
+        }
+
+        public function processRequest() {
+            if($this->request->getHttpMethod() !== 'POST')
+                return Response::errorResponse('{ "message" : "Unsupported endpoint" }' );
+
+            $json = $this->request->jsonContent();
+
+            if(!isset($json->login) || !isset($json->pwd)) {
+                $r = new Response(422,"login and pwd fields are mandatory");
+                    $r->send();
+            }
+
+            $user = User::getWithLogin($json->login);
+
+            // var_dump($user);
+
+            if(empty($user) || !hash_equals($json->pwd, $user->password)) {
+                $r = new Response(422,"wrong credentials");
+                $r->sendWithLog();
+            }
+
+            // generate json web token
+            $issued_at = time();
+            $expiration_time = $issued_at + (60 * 60); // valid for 1 hour
+
+            $token = array(
+                "iat" => $issued_at,
+                "exp" => $expiration_time,
+                "iss" => JWT_ISSUER,
+                "data" => array(
+                    "id" => $user->id,
+                    "firstname" => $user->firstname,
+                    "lastname" => $user->lastname,
+                    "email" => $user->email
+                )
+            );
+
+            $jwt = JWT::encode( $token, JWT_BACKEND_KEY );
+            $jsonResult = json_encode(array("jwt_token" => $jwt));
+
+            return Response::okResponse($jsonResult);
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/controller/UserController.class.php

+<?php
+    include_once __ROOT_DIR . '/libs/php-jwt/src/BeforeValidException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/ExpiredException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/SignatureInvalidException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/JWT.php';
+    use \Firebase\JWT\JWT;
+
+    class UserController extends Controller {
+        public function __construct($name, $request) {
+            parent::__construct($name, $request);
+        }
+
+        // ==============
+        // Actions
+        // ==============
+        public function processRequest() {
+            switch ($this->request->getHttpMethod()) {
+                case 'POST':
+                    return $this->createUser($_POST);
+                break;
+                case 'GET':
+                    if (empty($this->request->getUriParameters()))
+                        return $this->getAllUsers();
+                    else 
+                        return $this->getUserById($this->request->getUriParameters()[0]);
+                break;
+                case 'PUT':
+                    $put = json_decode(file_get_contents("php://input"));
+                    $id = $this->request->getUriParameters()[0];
+                    return $this->updateUser($put, $id);
+                break;
+                case 'DELETE':
+                    $id = $this->request->getUriParameters()[0];
+                    return $this->deleteUser($id);
+                break;
+            }
+            return Response::errorResponse("unsupported parameters or method in users");
+        }
+
+        protected function createUser($post) {
+            if (isset($post['email'])) {
+                User::create($post);
+                $response = Response::okResponse("Utilisateur ajouté");
+            }
+            else {
+                $response = Response::notFoundResponse("Aucun utilisateur ajouté");
+            }  
+
+            return $response;
+        }
+
+        protected function getAllUsers() {
+            $users = User::getList();
+
+            if (!empty($users))
+                $response = Response::okResponse(json_encode($users));
+            else
+                $response = Response::notFoundResponse("Aucune réponse");
+
+            return $response;
+        }
+
+        protected function getUserById($id) {
+            $user = User::getWithId($id);
+
+            if (!empty($user))
+                $response = Response::okResponse(json_encode($user));
+            else
+                $response = Response::notFoundResponse("Aucune réponse");
+
+            return $response;
+        }
+
+        protected function updateUser($put, $id) {
+            $user = User::getWithId($id);
+            
+            // var_dump(Request::getCurrentRequest());
+
+            // if (!empty($put) && !empty($user)) {
+            //     try {
+            //         $jwt_token = $this->request->getJwtToken();
+            //         $decodedJWT = JWT::decode($jwt_token, JWT_BACKEND_KEY, array('HS256'));
+
+            //         var_dump($decodedJWT->data);
+            //     } 
+            //     catch (Exception $e){
+            //         header('WWW-Authenticate: Bearer realm="' . JWT_ISSUER . '"');
+
+            //         $jsonResult =  json_encode(array(
+            //             "message" => "Access denied.",
+            //             "error" => $e->getMessage()
+            //         ));
+
+            //         return Response::unauthorizedResponse($jsonResult);
+            //     }
+            // }
+            // else {
+            //     return Response::notFoundResponse("Aucun utilisateur modifié");
+            // }  
+
+            // User::update($put, $id);
+            // $response = Response::okResponse("Utilisateur modifié");
+            // return $response;
+        }
+
+        protected function deleteUser($id) {
+            $user = User::getWithId($id);
+
+            if (!empty($user)) {
+                User::delete($id);
+                $response = Response::okResponse("Utilisateur supprimé");
+            }
+            else {
+                $response = Response::notFoundResponse("Aucun utilisateur supprimé");
+            }  
+
+            return $response;
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/controller/ValidatetokenController.class.php

+<?php
+    include_once __ROOT_DIR . '/libs/php-jwt/src/BeforeValidException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/ExpiredException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/SignatureInvalidException.php';
+    include_once __ROOT_DIR . '/libs/php-jwt/src/JWT.php';
+    use \Firebase\JWT\JWT;
+
+    class ValidatetokenController extends Controller {
+
+        public function __construct($name, $request) {
+            parent::__construct($name, $request);
+        }
+
+        public function processRequest() {
+            try {
+                $jwt_token = $this->request->getJwtToken();
+                // echo "jwt = $jwt_token";
+                $decodedJWT = JWT::decode($jwt_token, JWT_BACKEND_KEY, array('HS256'));
+                $jsonResult = json_encode(array(
+                    "message" => "Access granted.",
+                    "data" => $decodedJWT
+                ));
+
+            } 
+            catch (Exception $e){
+                header('WWW-Authenticate: Bearer realm="' . JWT_ISSUER . '"');
+
+                $jsonResult =  json_encode(array(
+                    "message" => "Access denied.",
+                    "error" => $e->getMessage()
+                ));
+
+                return Response::unauthorizedResponse($jsonResult);
+            }
+
+            $response = Response::okResponse($jsonResult);
+            return $response;
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/info.php

+<?php
+    phpinfo();
+?>
\ No newline at end of file

Classes/BackEnd/tp4/libs/php-jwt/LICENSE

+Copyright (c) 2011, Neuman Vong
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of Neuman Vong nor the names of other
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Classes/BackEnd/tp4/libs/php-jwt/README.md

+[![Build Status](https://travis-ci.org/firebase/php-jwt.png?branch=master)](https://travis-ci.org/firebase/php-jwt)
+[![Latest Stable Version](https://poser.pugx.org/firebase/php-jwt/v/stable)](https://packagist.org/packages/firebase/php-jwt)
+[![Total Downloads](https://poser.pugx.org/firebase/php-jwt/downloads)](https://packagist.org/packages/firebase/php-jwt)
+[![License](https://poser.pugx.org/firebase/php-jwt/license)](https://packagist.org/packages/firebase/php-jwt)
+
+PHP-JWT
+=======
+A simple library to encode and decode JSON Web Tokens (JWT) in PHP, conforming to [RFC 7519](https://tools.ietf.org/html/rfc7519).
+
+Installation
+------------
+
+Use composer to manage your dependencies and download PHP-JWT:
+
+```bash
+composer require firebase/php-jwt
+```
+
+Example
+-------
+```php
+<?php
+use \Firebase\JWT\JWT;
+
+$key = "example_key";
+$payload = array(
+    "iss" => "http://example.org",
+    "aud" => "http://example.com",
+    "iat" => 1356999524,
+    "nbf" => 1357000000
+);
+
+/**
+ * IMPORTANT:
+ * You must specify supported algorithms for your application. See
+ * https://tools.ietf.org/html/draft-ietf-jose-json-web-algorithms-40
+ * for a list of spec-compliant algorithms.
+ */
+$jwt = JWT::encode($payload, $key);
+$decoded = JWT::decode($jwt, $key, array('HS256'));
+
+print_r($decoded);
+
+/*
+ NOTE: This will now be an object instead of an associative array. To get
+ an associative array, you will need to cast it as such:
+*/
+
+$decoded_array = (array) $decoded;
+
+/**
+ * You can add a leeway to account for when there is a clock skew times between
+ * the signing and verifying servers. It is recommended that this leeway should
+ * not be bigger than a few minutes.
+ *
+ * Source: http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html#nbfDef
+ */
+JWT::$leeway = 60; // $leeway in seconds
+$decoded = JWT::decode($jwt, $key, array('HS256'));
+
+?>
+```
+Example with RS256 (openssl)
+----------------------------
+```php
+<?php
+use \Firebase\JWT\JWT;
+
+$privateKey = <<<EOD
+-----BEGIN RSA PRIVATE KEY-----
+MIICXAIBAAKBgQC8kGa1pSjbSYZVebtTRBLxBz5H4i2p/llLCrEeQhta5kaQu/Rn
+vuER4W8oDH3+3iuIYW4VQAzyqFpwuzjkDI+17t5t0tyazyZ8JXw+KgXTxldMPEL9
+5+qVhgXvwtihXC1c5oGbRlEDvDF6Sa53rcFVsYJ4ehde/zUxo6UvS7UrBQIDAQAB
+AoGAb/MXV46XxCFRxNuB8LyAtmLDgi/xRnTAlMHjSACddwkyKem8//8eZtw9fzxz
+bWZ/1/doQOuHBGYZU8aDzzj59FZ78dyzNFoF91hbvZKkg+6wGyd/LrGVEB+Xre0J
+Nil0GReM2AHDNZUYRv+HYJPIOrB0CRczLQsgFJ8K6aAD6F0CQQDzbpjYdx10qgK1
+cP59UHiHjPZYC0loEsk7s+hUmT3QHerAQJMZWC11Qrn2N+ybwwNblDKv+s5qgMQ5
+5tNoQ9IfAkEAxkyffU6ythpg/H0Ixe1I2rd0GbF05biIzO/i77Det3n4YsJVlDck
+ZkcvY3SK2iRIL4c9yY6hlIhs+K9wXTtGWwJBAO9Dskl48mO7woPR9uD22jDpNSwe
+k90OMepTjzSvlhjbfuPN1IdhqvSJTDychRwn1kIJ7LQZgQ8fVz9OCFZ/6qMCQGOb
+qaGwHmUK6xzpUbbacnYrIM6nLSkXgOAwv7XXCojvY614ILTK3iXiLBOxPu5Eu13k
+eUz9sHyD6vkgZzjtxXECQAkp4Xerf5TGfQXGXhxIX52yH+N2LtujCdkQZjXAsGdm
+B2zNzvrlgRmgBrklMTrMYgm1NPcW+bRLGcwgW2PTvNM=
+-----END RSA PRIVATE KEY-----
+EOD;
+
+$publicKey = <<<EOD
+-----BEGIN PUBLIC KEY-----
+MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8kGa1pSjbSYZVebtTRBLxBz5H
+4i2p/llLCrEeQhta5kaQu/RnvuER4W8oDH3+3iuIYW4VQAzyqFpwuzjkDI+17t5t
+0tyazyZ8JXw+KgXTxldMPEL95+qVhgXvwtihXC1c5oGbRlEDvDF6Sa53rcFVsYJ4
+ehde/zUxo6UvS7UrBQIDAQAB
+-----END PUBLIC KEY-----
+EOD;
+
+$payload = array(
+    "iss" => "example.org",
+    "aud" => "example.com",
+    "iat" => 1356999524,
+    "nbf" => 1357000000
+);
+
+$jwt = JWT::encode($payload, $privateKey, 'RS256');
+echo "Encode:\n" . print_r($jwt, true) . "\n";
+
+$decoded = JWT::decode($jwt, $publicKey, array('RS256'));
+
+/*
+ NOTE: This will now be an object instead of an associative array. To get
+ an associative array, you will need to cast it as such:
+*/
+
+$decoded_array = (array) $decoded;
+echo "Decode:\n" . print_r($decoded_array, true) . "\n";
+?>
+```
+
+Using JWKs
+----------
+
+```php
+// Set of keys. The "keys" key is required. For example, the JSON response to
+// this endpoint: https://www.gstatic.com/iap/verify/public_key-jwk
+$jwks = ['keys' => []];
+
+// JWK::parseKeySet($jwks) returns an associative array of **kid** to private
+// key. Pass this as the second parameter to JWT::decode.
+JWT::decode($payload, JWK::parseKeySet($jwks), $supportedAlgorithm);
+```
+
+Changelog
+---------
+
+#### 5.0.0 / 2017-06-26
+- Support RS384 and RS512.
+  See [#117](https://github.com/firebase/php-jwt/pull/117). Thanks [@joostfaassen](https://github.com/joostfaassen)!
+- Add an example for RS256 openssl.
+  See [#125](https://github.com/firebase/php-jwt/pull/125). Thanks [@akeeman](https://github.com/akeeman)!
+- Detect invalid Base64 encoding in signature.
+  See [#162](https://github.com/firebase/php-jwt/pull/162). Thanks [@psignoret](https://github.com/psignoret)!
+- Update `JWT::verify` to handle OpenSSL errors.
+  See [#159](https://github.com/firebase/php-jwt/pull/159). Thanks [@bshaffer](https://github.com/bshaffer)!
+- Add `array` type hinting to `decode` method
+  See [#101](https://github.com/firebase/php-jwt/pull/101). Thanks [@hywak](https://github.com/hywak)!
+- Add all JSON error types.
+  See [#110](https://github.com/firebase/php-jwt/pull/110). Thanks [@gbalduzzi](https://github.com/gbalduzzi)!
+- Bugfix 'kid' not in given key list.
+  See [#129](https://github.com/firebase/php-jwt/pull/129). Thanks [@stampycode](https://github.com/stampycode)!
+- Miscellaneous cleanup, documentation and test fixes.
+  See [#107](https://github.com/firebase/php-jwt/pull/107), [#115](https://github.com/firebase/php-jwt/pull/115),
+  [#160](https://github.com/firebase/php-jwt/pull/160), [#161](https://github.com/firebase/php-jwt/pull/161), and
+  [#165](https://github.com/firebase/php-jwt/pull/165). Thanks [@akeeman](https://github.com/akeeman),
+  [@chinedufn](https://github.com/chinedufn), and [@bshaffer](https://github.com/bshaffer)!
+
+#### 4.0.0 / 2016-07-17
+- Add support for late static binding. See [#88](https://github.com/firebase/php-jwt/pull/88) for details. Thanks to [@chappy84](https://github.com/chappy84)!
+- Use static `$timestamp` instead of `time()` to improve unit testing. See [#93](https://github.com/firebase/php-jwt/pull/93) for details. Thanks to [@josephmcdermott](https://github.com/josephmcdermott)!
+- Fixes to exceptions classes. See [#81](https://github.com/firebase/php-jwt/pull/81) for details. Thanks to [@Maks3w](https://github.com/Maks3w)!
+- Fixes to PHPDoc. See [#76](https://github.com/firebase/php-jwt/pull/76) for details. Thanks to [@akeeman](https://github.com/akeeman)!
+
+#### 3.0.0 / 2015-07-22
+- Minimum PHP version updated from `5.2.0` to `5.3.0`.
+- Add `\Firebase\JWT` namespace. See
+[#59](https://github.com/firebase/php-jwt/pull/59) for details. Thanks to
+[@Dashron](https://github.com/Dashron)!
+- Require a non-empty key to decode and verify a JWT. See
+[#60](https://github.com/firebase/php-jwt/pull/60) for details. Thanks to
+[@sjones608](https://github.com/sjones608)!
+- Cleaner documentation blocks in the code. See
+[#62](https://github.com/firebase/php-jwt/pull/62) for details. Thanks to
+[@johanderuijter](https://github.com/johanderuijter)!
+
+#### 2.2.0 / 2015-06-22
+- Add support for adding custom, optional JWT headers to `JWT::encode()`. See
+[#53](https://github.com/firebase/php-jwt/pull/53/files) for details. Thanks to
+[@mcocaro](https://github.com/mcocaro)!
+
+#### 2.1.0 / 2015-05-20
+- Add support for adding a leeway to `JWT:decode()` that accounts for clock skew
+between signing and verifying entities. Thanks to [@lcabral](https://github.com/lcabral)!
+- Add support for passing an object implementing the `ArrayAccess` interface for
+`$keys` argument in `JWT::decode()`. Thanks to [@aztech-dev](https://github.com/aztech-dev)!
+
+#### 2.0.0 / 2015-04-01
+- **Note**: It is strongly recommended that you update to > v2.0.0 to address
+  known security vulnerabilities in prior versions when both symmetric and
+  asymmetric keys are used together.
+- Update signature for `JWT::decode(...)` to require an array of supported
+  algorithms to use when verifying token signatures.
+
+
+Tests
+-----
+Run the tests using phpunit:
+
+```bash
+$ pear install PHPUnit
+$ phpunit --configuration phpunit.xml.dist
+PHPUnit 3.7.10 by Sebastian Bergmann.
+.....
+Time: 0 seconds, Memory: 2.50Mb
+OK (5 tests, 5 assertions)
+```
+
+New Lines in private keys
+-----
+
+If your private key contains `\n` characters, be sure to wrap it in double quotes `""`
+and not single quotes `''` in order to properly interpret the escaped characters.
+
+License
+-------
+[3-Clause BSD](http://opensource.org/licenses/BSD-3-Clause).

Classes/BackEnd/tp4/libs/php-jwt/composer.json

+{
+    "name": "firebase/php-jwt",
+    "description": "A simple library to encode and decode JSON Web Tokens (JWT) in PHP. Should conform to the current spec.",
+    "homepage": "https://github.com/firebase/php-jwt",
+    "keywords": [
+        "php",
+        "jwt"
+    ],
+    "authors": [
+        {
+            "name": "Neuman Vong",
+            "email": "neuman+pear@twilio.com",
+            "role": "Developer"
+        },
+        {
+            "name": "Anant Narayanan",
+            "email": "anant@php.net",
+            "role": "Developer"
+        }
+    ],
+    "license": "BSD-3-Clause",
+    "require": {
+        "php": ">=5.3.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "Firebase\\JWT\\": "src"
+        }
+    },
+    "require-dev": {
+        "phpunit/phpunit": ">=4.8 <=9"
+    }
+}

Classes/BackEnd/tp4/libs/php-jwt/src/BeforeValidException.php

+<?php
+namespace Firebase\JWT;
+
+class BeforeValidException extends \UnexpectedValueException
+{
+}

Classes/BackEnd/tp4/libs/php-jwt/src/ExpiredException.php

+<?php
+namespace Firebase\JWT;
+
+class ExpiredException extends \UnexpectedValueException
+{
+}

Classes/BackEnd/tp4/libs/php-jwt/src/JWK.php

+<?php
+
+namespace Firebase\JWT;
+
+use DomainException;
+use UnexpectedValueException;
+
+/**
+ * JSON Web Key implementation, based on this spec:
+ * https://tools.ietf.org/html/draft-ietf-jose-json-web-key-41
+ *
+ * PHP version 5
+ *
+ * @category Authentication
+ * @package  Authentication_JWT
+ * @author   Bui Sy Nguyen <nguyenbs@gmail.com>
+ * @license  http://opensource.org/licenses/BSD-3-Clause 3-clause BSD
+ * @link     https://github.com/firebase/php-jwt
+ */
+class JWK
+{
+    /**
+     * Parse a set of JWK keys
+     *
+     * @param array $jwks The JSON Web Key Set as an associative array
+     *
+     * @return array An associative array that represents the set of keys
+     *
+     * @throws InvalidArgumentException     Provided JWK Set is empty
+     * @throws UnexpectedValueException     Provided JWK Set was invalid
+     * @throws DomainException              OpenSSL failure
+     *
+     * @uses parseKey
+     */
+    public static function parseKeySet(array $jwks)
+    {
+        $keys = array();
+
+        if (!isset($jwks['keys'])) {
+            throw new UnexpectedValueException('"keys" member must exist in the JWK Set');
+        }
+        if (empty($jwks['keys'])) {
+            throw new InvalidArgumentException('JWK Set did not contain any keys');
+        }
+
+        foreach ($jwks['keys'] as $k => $v) {
+            $kid = isset($v['kid']) ? $v['kid'] : $k;
+            if ($key = self::parseKey($v)) {
+                $keys[$kid] = $key;
+            }
+        }
+
+        if (0 === \count($keys)) {
+            throw new UnexpectedValueException('No supported algorithms found in JWK Set');
+        }
+
+        return $keys;
+    }
+
+    /**
+     * Parse a JWK key
+     *
+     * @param array $jwk An individual JWK
+     *
+     * @return resource|array An associative array that represents the key
+     *
+     * @throws InvalidArgumentException     Provided JWK is empty
+     * @throws UnexpectedValueException     Provided JWK was invalid
+     * @throws DomainException              OpenSSL failure
+     *
+     * @uses createPemFromModulusAndExponent
+     */
+    private static function parseKey(array $jwk)
+    {
+        if (empty($jwk)) {
+            throw new InvalidArgumentException('JWK must not be empty');
+        }
+        if (!isset($jwk['kty'])) {
+            throw new UnexpectedValueException('JWK must contain a "kty" parameter');
+        }
+
+        switch ($jwk['kty']) {
+            case 'RSA':
+                if (\array_key_exists('d', $jwk)) {
+                    throw new UnexpectedValueException('RSA private keys are not supported');
+                }
+                if (!isset($jwk['n']) || !isset($jwk['e'])) {
+                    throw new UnexpectedValueException('RSA keys must contain values for both "n" and "e"');
+                }
+
+                $pem = self::createPemFromModulusAndExponent($jwk['n'], $jwk['e']);
+                $publicKey = \openssl_pkey_get_public($pem);
+                if (false === $publicKey) {
+                    throw new DomainException(
+                        'OpenSSL error: ' . \openssl_error_string()
+                    );
+                }
+                return $publicKey;
+            default:
+                // Currently only RSA is supported
+                break;
+        }
+    }
+
+    /**
+     * Create a public key represented in PEM format from RSA modulus and exponent information
+     *
+     * @param string $n The RSA modulus encoded in Base64
+     * @param string $e The RSA exponent encoded in Base64
+     *
+     * @return string The RSA public key represented in PEM format
+     *
+     * @uses encodeLength
+     */
+    private static function createPemFromModulusAndExponent($n, $e)
+    {
+        $modulus = JWT::urlsafeB64Decode($n);
+        $publicExponent = JWT::urlsafeB64Decode($e);
+
+        $components = array(
+            'modulus' => \pack('Ca*a*', 2, self::encodeLength(\strlen($modulus)), $modulus),
+            'publicExponent' => \pack('Ca*a*', 2, self::encodeLength(\strlen($publicExponent)), $publicExponent)
+        );
+
+        $rsaPublicKey = \pack(
+            'Ca*a*a*',
+            48,
+            self::encodeLength(\strlen($components['modulus']) + \strlen($components['publicExponent'])),
+            $components['modulus'],
+            $components['publicExponent']
+        );
+
+        // sequence(oid(1.2.840.113549.1.1.1), null)) = rsaEncryption.
+        $rsaOID = \pack('H*', '300d06092a864886f70d0101010500'); // hex version of MA0GCSqGSIb3DQEBAQUA
+        $rsaPublicKey = \chr(0) . $rsaPublicKey;
+        $rsaPublicKey = \chr(3) . self::encodeLength(\strlen($rsaPublicKey)) . $rsaPublicKey;
+
+        $rsaPublicKey = \pack(
+            'Ca*a*',
+            48,
+            self::encodeLength(\strlen($rsaOID . $rsaPublicKey)),
+            $rsaOID . $rsaPublicKey
+        );
+
+        $rsaPublicKey = "-----BEGIN PUBLIC KEY-----\r\n" .
+            \chunk_split(\base64_encode($rsaPublicKey), 64) .
+            '-----END PUBLIC KEY-----';
+
+        return $rsaPublicKey;
+    }
+
+    /**
+     * DER-encode the length
+     *
+     * DER supports lengths up to (2**8)**127, however, we'll only support lengths up to (2**8)**4.  See
+     * {@link http://itu.int/ITU-T/studygroups/com17/languages/X.690-0207.pdf#p=13 X.690 paragraph 8.1.3} for more information.
+     *
+     * @param int $length
+     * @return string
+     */
+    private static function encodeLength($length)
+    {
+        if ($length <= 0x7F) {
+            return \chr($length);
+        }
+
+        $temp = \ltrim(\pack('N', $length), \chr(0));
+
+        return \pack('Ca*', 0x80 | \strlen($temp), $temp);
+    }
+}

Classes/BackEnd/tp4/libs/php-jwt/src/SignatureInvalidException.php

+<?php
+namespace Firebase\JWT;
+
+class SignatureInvalidException extends \UnexpectedValueException
+{
+}

Classes/BackEnd/tp4/model/Login.class.php

+<?php
+    class Login extends Model {
+        
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/model/Model.class.php

+<?php
+    class Model {
+        protected static function db(){
+            return DatabasePDO::singleton();
+        }
+
+        // *** Queries in sql/model.sql.php ****
+        protected static $requests = array();
+
+        public static function addSqlQuery($key, $sql){
+            static::$requests[$key] = $sql;
+        }
+
+        public static function sqlQueryNamed($key){
+            return static::$requests[$key];
+        }
+
+        protected static function query($sql){
+            $st = static::db()->query($sql)  or die("sql query error ! request : " . $sql);
+            $st->setFetchMode(PDO::FETCH_CLASS | PDO::FETCH_PROPS_LATE, get_called_class());
+            return $st;
+        }
+
+        protected static function exec($sqlKey, $values=array()){
+            $sth = static::db()->prepare(static::sqlQueryNamed($sqlKey));
+            $sth->setFetchMode(PDO::FETCH_CLASS | PDO::FETCH_PROPS_LATE, get_called_class());
+            $sth->execute($values);
+            return $sth;
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/model/User.class.php

+<?php
+    class User extends Model {
+        // ===========
+        // = Statics =
+        // ===========
+        public static function tryLogin($login) {
+            return new static();
+        }
+
+        protected static $table_name = 'USER';
+
+        public static function create($post) {
+            parent::exec('USER_CREATE', [':firstname' => $post['firstname'], ':email' => $post['email']]);
+        }
+
+        public static function getList() {
+            $stm = parent::exec('USER_GET_LIST');
+            return $stm->fetchAll();
+        }
+
+        public static function getWithId($id) {
+            $stm = parent::exec('USER_GET_WITH_ID', [':id' => $id]);
+            return $stm->fetch();
+        }
+
+        public static function getWithLogin($login) {
+            $stm = parent::exec('USER_GET_WITH_LOGIN', [':login' => $login]);
+            return $stm->fetch();
+        }
+
+        public static function update($put, $id) {
+            parent::exec('USER_UPDATE', [':email' => $put->email, ':id' => $id]);
+        }
+
+        public static function delete($id) {
+            parent::exec('USER_DELETE', [':id' => $id]);
+        }
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/model/Validatetoken.class.php

+<?php
+    class Validatetoken extends Model {
+        
+    }
+?>
\ No newline at end of file

Classes/BackEnd/tp4/sql/User.sql.php

+<?php
+    User::addSqlQuery('USER_CREATE',
+        'INSERT INTO `users` VALUES (NULL, :firstname, :email)');
+
+    User::addSqlQuery('USER_GET_LIST',
+        'SELECT * FROM  `users` ORDER BY `id` ');
+
+    User::addSqlQuery('USER_GET_WITH_ID',
+        'SELECT * FROM  `users` WHERE `id` = :id');
+
+    User::addSqlQuery('USER_GET_WITH_LOGIN',
+        'SELECT * FROM  `users` WHERE `login` = :login');
+
+    User::addSqlQuery('USER_UPDATE',
+        'UPDATE `users` SET  `email` = :email WHERE `id` = :id');
+
+    User::addSqlQuery('USER_DELETE',
+        'DELETE FROM `users` WHERE `id` = :id');
+?>
\ No newline at end of file

Project/node_modules/nodejs/1/getmodule.js

+var myMoule = require('./singleobject').Hello("dsf");
+
+/* myMoule.setName("lihao__");
+myMoule.sayHello(); */
\ No newline at end of file

Project/node_modules/nodejs/1/module.js

+var name;
+exports.setName = function(tyname){
+	name = tyname;
+};
+
+exports.sayHello = function(){
+	console.log("Hello"+name);
+};
\ No newline at end of file

Project/node_modules/nodejs/1/singleobject.js

+function Hello(){
+	var name;
+	this.setName=function(tyname){
+		name = tyname;
+		
+	}
+	this.sayHello = function(){
+		console.log("Hello"+name);
+	}
+}
+
+module.exports = Hello;
+
+

Project/node_modules/nodejs/package.json

+{
+  "_from": "nodejs",
+  "_id": "nodejs@0.0.0",
+  "_inBundle": false,
+  "_integrity": "sha1-RyL6LhisTrc6Qq4W0B41hKErdTE=",
+  "_location": "/nodejs",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "nodejs",
+    "name": "nodejs",
+    "escapedName": "nodejs",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/nodejs/-/nodejs-0.0.0.tgz",
+  "_shasum": "4722fa2e18ac4eb73a42ae16d01e3584a12b7531",
+  "_spec": "nodejs",
+  "_where": "/Applications/MAMP/htdocs/IMT/CDAW/cdaw/Project",
+  "author": "",
+  "bundleDependencies": false,
+  "deprecated": false,
+  "description": "",
+  "license": "ISC",
+  "main": "index.js",
+  "name": "nodejs",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "version": "0.0.0"
+}

Project/package-lock.json

@@ -8,6 +8,11 @@
       "version": "4.5.3",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.3.tgz",
       "integrity": "sha512-o9ppKQioXGqhw8Z7mah6KdTYpNQY//tipnkxppWhPbiSWdD+1raYsnhwEZjkTHYbGee4cVQ0Rx65EhOY/HNLcQ=="
+    },
+    "nodejs": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/nodejs/-/nodejs-0.0.0.tgz",
+      "integrity": "sha1-RyL6LhisTrc6Qq4W0B41hKErdTE="
     }
   }
 }

Project/package.json

@@ -13,6 +13,7 @@
   "author": "Raphaël PEIM",
   "license": "ISC",
   "dependencies": {
-    "bootstrap": "^4.5.3"
+    "bootstrap": "^4.5.3",
+    "nodejs": "0.0.0"
   }
 }

frontend/.browserslistrc

+> 1%
+last 2 versions
+not dead

frontend/.eslintrc.js

+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    'eslint:recommended'
+  ],
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+  }
+}

frontend/.gitignore

+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

frontend/README.md

+# frontend
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

frontend/babel.config.js

+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

frontend/package.json

+{
+  "name": "frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "vue": "^2.6.11",
+    "vue-router": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "vue-template-compiler": "^2.6.11"
+  }
+}

frontend/public/index.html

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

frontend/src/App.vue

+<template>
+  <div id="app">
+    <div id="nav">
+      <router-link to="/">Home</router-link> |
+      <router-link to="/about">About</router-link>
+    </div>
+    <router-view/>
+  </div>
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+#nav {
+  padding: 30px;
+}
+
+#nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+#nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>

frontend/src/components/HelloWorld.vue

+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <p>
+      For a guide and recipes on how to configure / customize this project,<br>
+      check out the
+      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
+    </p>
+    <h3>Installed CLI Plugins</h3>
+    <ul>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
+    </ul>
+    <h3>Essential Links</h3>
+    <ul>
+      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
+      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
+      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
+      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
+      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
+    </ul>
+    <h3>Ecosystem</h3>
+    <ul>
+      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
+      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
+      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
+      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
+      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelloWorld',
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

frontend/src/main.js

+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+
+Vue.config.productionTip = false
+
+new Vue({
+  router,
+  render: h => h(App)
+}).$mount('#app')

frontend/src/model/README.md

+# MODEL DIRECTORY FOR FRONT END APP
\ No newline at end of file

frontend/src/router/index.js

+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import Home from '../views/Home.vue'
+
+Vue.use(VueRouter)
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/about',
+    name: 'About',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
+  }
+]
+
+const router = new VueRouter({
+  routes
+})
+
+export default router

frontend/src/views/About.vue

+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

frontend/src/views/Home.vue

+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png">
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+  </div>
+</template>
+
+<script>
+// @ is an alias to /src
+import HelloWorld from '@/components/HelloWorld.vue'
+
+export default {
+  name: 'Home',
+  components: {
+    HelloWorld
+  }
+}
+</script>