├── .idea
    ├── vcs.xml
    ├── .gitignore
    ├── modules.xml
    ├── sbase-study-task01.iml
    └── php.xml
├── app
    ├── config.php
    ├── Validator.php
    ├── header.php
    ├── models
    │   └── User.php
    └── controllers
    │   └── UserController.php
└── public
    ├── js
        └── functions.js
    ├── index.php
    ├── login.php
    └── register.php


/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Editor-based HTTP Client requests
5 | /httpRequests/
6 | # Datasource local storage ignored files
7 | /dataSources/
8 | /dataSources.local.xml
9 | 


--------------------------------------------------------------------------------
/app/config.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | const DB_DSN = 'mysql:host=localhost;dbname=sbase-study-task01';
4 | const DB_USERNAME = 'root';
5 | const DB_PASSWORD = '';
6 | 
7 | function db_connect() {
8 |     return new PDO(DB_DSN, DB_USERNAME, DB_PASSWORD);
9 | }


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/sbase-study-task01.iml" filepath="$PROJECT_DIR$/.idea/sbase-study-task01.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/.idea/sbase-study-task01.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager">
4 |     <content url="file://$MODULE_DIR$" />
5 |     <orderEntry type="inheritedJdk" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/public/js/functions.js:
--------------------------------------------------------------------------------
 1 | function validate (username, password) {
 2 |     let error = false
 3 |     if (username.length < 4) {
 4 |         $("#username").css('border', 'solid red 2px')
 5 |         alert('Username min length 4')
 6 |         error = true
 7 |     }
 8 |     if (!username.match(/^[a-zA-Z0-9]*$/)) {
 9 |         $("#username").css('border', 'solid red 2px')
10 |         alert('Username only letters or numbers')
11 |         error = true
12 |     }
13 |     if (password.length < 6) {
14 |         $("#password").css('border', 'solid red 2px')
15 |         alert('Password min length 6')
16 |         error = true
17 |     }
18 |     return !error;
19 | }


--------------------------------------------------------------------------------
/app/Validator.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | class Validator
 3 | {
 4 |     static function validate ($data)
 5 |     {
 6 |         $data = trim($data);
 7 |         $data = stripcslashes($data);
 8 |         return htmlspecialchars($data);
 9 |     }
10 |     static function validate_username ($username)
11 |     {
12 |         $username = self::validate($username);
13 |         if (mb_strlen($username) < 4) {
14 |             return false;
15 |         }
16 |         return  $username;
17 |     }
18 |     static function validate_password ($password)
19 |     {
20 |         $password = self::validate($password);
21 |         if (mb_strlen($password) < 6) {
22 |             return false;
23 |         }
24 |         return  $password;
25 |     }
26 | }


--------------------------------------------------------------------------------
/app/header.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $url = $_SERVER['REQUEST_URI'];
 3 | $title = explode('/', $url);
 4 | $title = stristr(end($title), '.', true);
 5 | if ($title === 'index') {
 6 |     $title = 'home';
 7 | }
 8 | ?>
 9 | <!doctype html>
10 | <html lang="en">
11 | <head>
12 |     <meta charset="UTF-8">
13 |     <meta name="viewport"
14 |           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
15 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
16 |     <script src="https://code.jquery.com/jquery-3.6.4.js" integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
17 |     <script src="../public/js/functions.js"></script>
18 |     <title><?php echo $title ?></title>
19 | </head>


--------------------------------------------------------------------------------
/.idea/php.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="MessDetectorOptionsConfiguration">
 4 |     <option name="transferred" value="true" />
 5 |   </component>
 6 |   <component name="PHPCSFixerOptionsConfiguration">
 7 |     <option name="transferred" value="true" />
 8 |   </component>
 9 |   <component name="PHPCodeSnifferOptionsConfiguration">
10 |     <option name="transferred" value="true" />
11 |   </component>
12 |   <component name="PhpProjectSharedConfiguration" php_language_level="8.0" />
13 |   <component name="PhpStanOptionsConfiguration">
14 |     <option name="transferred" value="true" />
15 |   </component>
16 |   <component name="PsalmOptionsConfiguration">
17 |     <option name="transferred" value="true" />
18 |   </component>
19 | </project>


--------------------------------------------------------------------------------
/public/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | require ("../app/header.php");
 4 | ?>
 5 | <body>
 6 |     <h1>Home page</h1>
 7 |     <?php if ($_SESSION): ?>
 8 |         <h2>Welcome, <?php echo $_SESSION['username'] ?></h2>
 9 |         <button id="logout">Log out</button>
10 |     <?php else: ?>
11 |         <h2><a href="login.php">Login</a> | <a href="register.php">Register</a></h2>
12 |     <?php endif; ?>
13 | 
14 |     <script>
15 |         $("#logout").click(function(e){
16 |             $.ajax({
17 |                 url: '/app/controllers/UserController.php',
18 |                 type: 'post',
19 |                 dataType: 'html',
20 |                 data: {
21 |                     request: 'logout',
22 |                 },
23 |                 success: function(response){
24 |                     console.log(response);
25 |                     if (JSON.parse(response).success) {
26 |                         console.log('LOG OUT SUCCESS')
27 |                         window.location.href = 'index.php'
28 |                     } else {
29 |                         console.log('LOG OUT FAIL')
30 |                     }
31 |                 }
32 |             });
33 |         });
34 |     </script>
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/app/models/User.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require_once ('../config.php');
 3 | class User
 4 | {
 5 |     static function register($username, $password)
 6 |     {
 7 |         try {
 8 |             $pdo = db_connect();
 9 |             $sql = 'INSERT INTO Users (username, password) VALUES (:username, :password)';
10 |             $stmt = $pdo->prepare($sql);
11 |             $stmt->execute(['username' => $username, 'password' => md5($password)]);
12 |             return ['success' => true];
13 |         } catch (PDOException $e){
14 |             return ['success' => false, 'error' => 'Username already exist'];
15 |         }
16 |     }
17 |     static function login ($username, $password)
18 |     {
19 |         try {
20 |             $pdo = db_connect();
21 |             $sql = 'SELECT * FROM Users WHERE username = :username';
22 |             $stmt = $pdo->prepare($sql);
23 |             $stmt->execute(['username' => $username]);
24 |             $user = $stmt->fetchAll();
25 |             if ($user && $user[0]['password'] == md5($password)) {
26 |                 return ['success' => true];
27 |             } else {
28 |                 return ['success' => false, 'error' => 'Invalid username or password'];
29 |             }
30 |         } catch (PDOException $e){
31 |             return ['success' => false, 'error' => $e];
32 |         }
33 |     }
34 | }


--------------------------------------------------------------------------------
/public/login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | require ("../app/header.php");
 4 | ?>
 5 | <body>
 6 |     <h1>Login</h1>
 7 |     <h2><a href="index.php">home</a></h2>
 8 |     <h2><a href="register.php">register</a></h2>
 9 |     <form id="form-login" method="post">
10 |         <label>username: </label>
11 |         <input id="username" type="text" minlength="4" required>
12 |         <label>password: </label>
13 |         <input id="password" type="password" minlength="6" required>
14 |         <button id="login" type="submit">Log in</button>
15 |         <p id="show-errors"></p>
16 |     </form>
17 | 
18 |     <script>
19 |         $("#form-login").submit(function(e){
20 |             e.preventDefault();
21 |             let username = $("#username").get(0).value
22 |             let password = $("#password").get(0).value
23 |             if (!validate(username, password)) {
24 |                 return false
25 |             }
26 |             $.ajax({
27 |                 url: '/app/controllers/UserController.php',
28 |                 type: 'post',
29 |                 dataType: 'html',
30 |                 data: {
31 |                     request: 'login',
32 |                     username: username,
33 |                     password: password,
34 |                 },
35 |                 success: function(response){
36 |                     response = JSON.parse(response)
37 |                     if (response.success) {
38 |                         console.log('LOG IN SUCCESS')
39 |                         window.location.href = 'index.php'
40 |                     } else {
41 |                         console.log('LOG IN FAIL')
42 |                         $("#show-errors").text(response.error)
43 |                     }
44 |                 }
45 |             });
46 |         });
47 |     </script>
48 | </body>
49 | </html>
50 | 


--------------------------------------------------------------------------------
/public/register.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | require ("../app/header.php");
 4 | ?>
 5 | <body>
 6 |     <h1>register</h1>
 7 |     <h2><a href="index.php">home</a></h2>
 8 |     <h2><a href="login.php">login</a></h2>
 9 |     <form id="form-register" method="post">
10 |         <label>username: </label>
11 |         <input id="username" type="text" minlength="4" required>
12 |         <label>password: </label>
13 |         <input id="password" type="password" minlength="6" required>
14 |         <button id="register" type="submit">Register</button>
15 |         <p id="show-errors"></p>
16 |     </form>
17 | 
18 | 
19 |     <script>
20 |         $("#form-register").submit(function(e){
21 |             e.preventDefault();
22 |             let username = $("#username").get(0).value
23 |             let password = $("#password").get(0).value
24 |             if (!validate(username, password)) {
25 |                 return false
26 |             }
27 |             $.ajax({
28 |                 url: '/app/controllers/UserController.php',
29 |                 type: 'post',
30 |                 dataType: 'html',
31 |                 data: {
32 |                     request: 'register',
33 |                     username: username,
34 |                     password: password,
35 |                 },
36 |                 success: function(response){
37 |                     response = JSON.parse(response)
38 |                     if (response.success) {
39 |                         console.log('REG SUCCESS')
40 |                         window.location.href = 'index.php'
41 |                     } else {
42 |                         console.log('REG FAIL')
43 |                         console.log(response)
44 |                         $("#show-errors").text(response.error)
45 |                     }
46 |                 }
47 |             });
48 |         });
49 |     </script>
50 | </body>
51 | </html>
52 | 


--------------------------------------------------------------------------------
/app/controllers/UserController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | 
 4 | require_once ("../models/User.php");
 5 | require_once ("../Validator.php");
 6 | 
 7 | if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 8 |     switch ($_POST['request']) {
 9 |         case 'register':
10 |             $username = Validator::validate_username($_POST['username']);
11 |             $password = Validator::validate_password($_POST['password']);
12 |             if (!$username) {
13 |                 echo json_encode(['success' => false, 'error' => 'Username min length - 4']);
14 |                 break;
15 |             } elseif (!$password) {
16 |                 echo json_encode(['success' => false, 'error' => 'Password min length - 6']);
17 |                 break;
18 |             }
19 |             $request = User::register($username, $password);
20 |             if ($request['success']) {
21 |                 $_SESSION['username'] = $_POST['username'];
22 |                 echo json_encode(['success' => true]);
23 |             } else {
24 |                 echo json_encode(['success' => false, 'error' => $request['error']]);
25 |             }
26 |             break;
27 |         case 'login':
28 |             $username = Validator::validate($_POST['username']);
29 |             $password = Validator::validate($_POST['password']);
30 |             $request = User::login($username,$password);
31 |             if ($request['success']) {
32 |                 $_SESSION['username'] = $_POST['username'];
33 |                 echo json_encode(['success' => true]);
34 |             } else {
35 |                 echo json_encode(['success' => false, 'username' => $_POST['username'], 'error' => $request['error']]);
36 |             }
37 |             break;
38 |         case 'logout':
39 |             unset($_SESSION['username']);
40 |             echo  json_encode(['success' => true]);
41 |             break;
42 |         default:
43 |             echo json_encode('NOPE');
44 |             break;
45 |     }
46 | }


--------------------------------------------------------------------------------