├── .gitignore
├── README.md
├── _form.php
├── create.php
├── delete.php
├── index.php
├── partials
    ├── footer.php
    ├── header.php
    └── not_found.php
├── update.php
├── users
    ├── users.json
    └── users.php
└── view.php


/.gitignore:
--------------------------------------------------------------------------------
1 | .idea
2 | users/images/*
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # PHPSimpleCRUD-FS
 2 | Simple PHP CRUD application with data saved in JSON file
 3 | 
 4 | ## Features
 5 | 
 6 |  - Read users JSON file and display data in bootstrap table
 7 |  - Implement create and update forms for a user
 8 |  - Implement delete user functionality
 9 |  - Add image uploading functionality to every user
10 |  - Implement form validation and do not submit form on invalid data
11 | 
12 | The project was created while recording [youtube video](https://youtu.be/DWHZSkn5paQ)
13 | 


--------------------------------------------------------------------------------
/_form.php:
--------------------------------------------------------------------------------
 1 | <div class="container">
 2 |     <div class="card">
 3 |         <div class="card-header">
 4 |             <h3>
 5 |                 <?php if ($user['id']): ?>
 6 |                     Update user <b><?php echo $user['name'] ?></b>
 7 |                 <?php else: ?>
 8 |                     Create new User
 9 |                 <?php endif ?>
10 |             </h3>
11 |         </div>
12 |         <div class="card-body">
13 | 
14 |             <form method="POST" enctype="multipart/form-data"
15 |                   action="">
16 |                 <div class="form-group">
17 |                     <label>Name</label>
18 |                     <input name="name" value="<?php echo $user['name'] ?>"
19 |                            class="form-control <?php echo $errors['name'] ? 'is-invalid' : '' ?>">
20 |                     <div class="invalid-feedback">
21 |                         <?php echo  $errors['name'] ?>
22 |                     </div>
23 |                 </div>
24 |                 <div class="form-group">
25 |                     <label>Username</label>
26 |                     <input name="username" value="<?php echo $user['username'] ?>"
27 |                            class="form-control <?php echo $errors['username'] ? 'is-invalid' : '' ?>">
28 |                     <div class="invalid-feedback">
29 |                         <?php echo  $errors['username'] ?>
30 |                     </div>
31 |                 </div>
32 |                 <div class="form-group">
33 |                     <label>Email</label>
34 |                     <input name="email" value="<?php echo $user['email'] ?>"
35 |                            class="form-control  <?php echo $errors['email'] ? 'is-invalid' : '' ?>">
36 |                     <div class="invalid-feedback">
37 |                         <?php echo  $errors['email'] ?>
38 |                     </div>
39 |                 </div>
40 |                 <div class="form-group">
41 |                     <label>Phone</label>
42 |                     <input name="phone" value="<?php echo $user['phone'] ?>"
43 |                            class="form-control  <?php echo $errors['phone'] ? 'is-invalid' : '' ?>">
44 |                     <div class="invalid-feedback">
45 |                         <?php echo  $errors['phone'] ?>
46 |                     </div>
47 |                 </div>
48 |                 <div class="form-group">
49 |                     <label>Website</label>
50 |                     <input name="website" value="<?php echo $user['website'] ?>"
51 |                            class="form-control  <?php echo $errors['website'] ? 'is-invalid' : '' ?>">
52 |                     <div class="invalid-feedback">
53 |                         <?php echo  $errors['website'] ?>
54 |                     </div>
55 |                 </div>
56 |                 <div class="form-group">
57 |                     <label>Image</label>
58 |                     <input name="picture" type="file" class="form-control-file">
59 |                 </div>
60 | 
61 |                 <button class="btn btn-success">Submit</button>
62 |             </form>
63 |         </div>
64 |     </div>
65 | </div>
66 | 


--------------------------------------------------------------------------------
/create.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include 'partials/header.php';
 3 | require __DIR__ . '/users/users.php';
 4 | 
 5 | 
 6 | $user = [
 7 |     'id' => '',
 8 |     'name' => '',
 9 |     'username' => '',
10 |     'email' => '',
11 |     'phone' => '',
12 |     'website' => '',
13 | ];
14 | 
15 | $errors = [
16 |     'name' => "",
17 |     'username' => "",
18 |     'email' => "",
19 |     'phone' => "",
20 |     'website' => "",
21 | ];
22 | $isValid = true;
23 | 
24 | if ($_SERVER['REQUEST_METHOD'] === 'POST') {
25 |     $user = array_merge($user, $_POST);
26 | 
27 |     $isValid = validateUser($user, $errors);
28 | 
29 |     if ($isValid) {
30 |         $user = createUser($_POST);
31 | 
32 |         uploadImage($_FILES['picture'], $user);
33 | 
34 |         header("Location: index.php");
35 |     }
36 | }
37 | 
38 | ?>
39 | 
40 | <?php include '_form.php' ?>
41 | 
42 | 


--------------------------------------------------------------------------------
/delete.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include 'partials/header.php';
 3 | require __DIR__ . '/users/users.php';
 4 | 
 5 | 
 6 | if (!isset($_POST['id'])) {
 7 |     include "partials/not_found.php";
 8 |     exit;
 9 | }
10 | $userId = $_POST['id'];
11 | deleteUser($userId);
12 | 
13 | header("Location: index.php");
14 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require 'users/users.php';
 3 | 
 4 | $users = getUsers();
 5 | 
 6 | include 'partials/header.php';
 7 | ?>
 8 | 
 9 | 
10 | <div class="container">
11 |     <p>
12 |         <a class="btn btn-success" href="create.php">Create new User</a>
13 |     </p>
14 | 
15 |     <table class="table">
16 |         <thead>
17 |         <tr>
18 |             <th>Image</th>
19 |             <th>Name</th>
20 |             <th>Username</th>
21 |             <th>Email</th>
22 |             <th>Phone</th>
23 |             <th>Website</th>
24 |             <th>Actions</th>
25 |         </tr>
26 |         </thead>
27 |         <tbody>
28 |         <?php foreach ($users as $user): ?>
29 |             <tr>
30 |                 <td>
31 |                     <?php if (isset($user['extension'])): ?>
32 |                         <img style="width: 60px" src="<?php echo "users/images/${user['id']}.${user['extension']}" ?>" alt="">
33 |                     <?php endif; ?>
34 |                 </td>
35 |                 <td><?php echo $user['name'] ?></td>
36 |                 <td><?php echo $user['username'] ?></td>
37 |                 <td><?php echo $user['email'] ?></td>
38 |                 <td><?php echo $user['phone'] ?></td>
39 |                 <td>
40 |                     <a target="_blank" href="http://<?php echo $user['website'] ?>">
41 |                         <?php echo $user['website'] ?>
42 |                     </a>
43 |                 </td>
44 |                 <td>
45 |                     <a href="view.php?id=<?php echo $user['id'] ?>" class="btn btn-sm btn-outline-info">View</a>
46 |                     <a href="update.php?id=<?php echo $user['id'] ?>"
47 |                        class="btn btn-sm btn-outline-secondary">Update</a>
48 |                     <form method="POST" action="delete.php">
49 |                         <input type="hidden" name="id" value="<?php echo $user['id'] ?>">
50 |                         <button class="btn btn-sm btn-outline-danger">Delete</button>
51 |                     </form>
52 |                 </td>
53 |             </tr>
54 |         <?php endforeach;; ?>
55 |         </tbody>
56 |     </table>
57 | </div>
58 | 
59 | <?php include 'partials/footer.php' ?>
60 | 
61 | 


--------------------------------------------------------------------------------
/partials/footer.php:
--------------------------------------------------------------------------------
1 | </body>
2 | </html>
3 | 


--------------------------------------------------------------------------------
/partials/header.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |     <!-- Required meta tags -->
 5 |     <meta charset="utf-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 
 8 |     <!-- Bootstrap CSS -->
 9 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
10 |           integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
11 | 
12 |     <title>Simple PHP CRUD</title>
13 | </head>
14 | <body>
15 | 


--------------------------------------------------------------------------------
/partials/not_found.php:
--------------------------------------------------------------------------------
1 | <div class="alert alert-danger">
2 |     <h3>User does not exist</h3>
3 | </div>
4 | 


--------------------------------------------------------------------------------
/update.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include 'partials/header.php';
 3 | require __DIR__ . '/users/users.php';
 4 | 
 5 | if (!isset($_GET['id'])) {
 6 |     include "partials/not_found.php";
 7 |     exit;
 8 | }
 9 | $userId = $_GET['id'];
10 | 
11 | $user = getUserById($userId);
12 | if (!$user) {
13 |     include "partials/not_found.php";
14 |     exit;
15 | }
16 | 
17 | $errors = [
18 |     'name' => "",
19 |     'username' => "",
20 |     'email' => "",
21 |     'phone' => "",
22 |     'website' => "",
23 | ];
24 | 
25 | if ($_SERVER['REQUEST_METHOD'] === 'POST') {
26 |     $user = array_merge($user, $_POST);
27 | 
28 |     $isValid = validateUser($user, $errors);
29 | 
30 |     if ($isValid) {
31 |         $user = updateUser($_POST, $userId);
32 |         uploadImage($_FILES['picture'], $user);
33 |         header("Location: index.php");
34 |     }
35 | }
36 | 
37 | ?>
38 | 
39 | <?php include '_form.php' ?>
40 | 


--------------------------------------------------------------------------------
/users/users.json:
--------------------------------------------------------------------------------
 1 | [
 2 |     {
 3 |         "id": 4,
 4 |         "name": "Patricia Lebsack",
 5 |         "username": "Karianne",
 6 |         "email": "Julianne.OConner@kory.org",
 7 |         "phone": "123451234",
 8 |         "website": "kale.biz",
 9 |         "extension": "jpg"
10 |     },
11 |     {
12 |         "id": 5,
13 |         "name": "Chelsey Dietrich",
14 |         "username": "Kamren",
15 |         "email": "Lucio_Hettinger@annie.ca",
16 |         "phone": "453218563",
17 |         "website": "demarco.info",
18 |         "extension": "jpg"
19 |     },
20 |     {
21 |         "id": 6,
22 |         "name": "Mrs. Dennis Schulist",
23 |         "username": "Leopoldo_Corkery",
24 |         "email": "Karley_Dach@jasper.info",
25 |         "phone": "1078412367",
26 |         "website": "ola.org",
27 |         "extension": "jpg"
28 |     },
29 |     {
30 |         "id": 7,
31 |         "name": "Kurtis Weissnat",
32 |         "username": "Elwyn.Skiles",
33 |         "email": "Telly.Hoeger@billy.biz",
34 |         "phone": "210.067.6132",
35 |         "website": "elvis.io"
36 |     },
37 |     {
38 |         "id": 8,
39 |         "name": "Nicholas Runolfsdottir V",
40 |         "username": "Maxime_Nienow",
41 |         "email": "Sherwood@rosamond.me",
42 |         "phone": "586.493.6943 x140",
43 |         "website": "jacynthe.com"
44 |     },
45 |     {
46 |         "id": 9,
47 |         "name": "Glenna Reichert",
48 |         "username": "Delphine",
49 |         "email": "Chaim_McDermott@dana.io",
50 |         "phone": "(775)976-6794 x41206",
51 |         "website": "conrad.com"
52 |     },
53 |     {
54 |         "id": 10,
55 |         "name": "Clementina DuBuque",
56 |         "username": "Moriah.Stanton",
57 |         "email": "Rey.Padberg@karina.biz",
58 |         "phone": "024-648-3804",
59 |         "website": "ambrose.net"
60 |     },
61 |     {
62 |         "name": "John Doe",
63 |         "username": "john22",
64 |         "email": "",
65 |         "phone": "12345",
66 |         "website": "",
67 |         "id": 1879571,
68 |         "extension": "jpg"
69 |     }
70 | ]


--------------------------------------------------------------------------------
/users/users.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * User: TheCodeholic
  4 |  * Date: 3/19/2019
  5 |  * Time: 9:27 AM
  6 |  */
  7 | 
  8 | function getUsers()
  9 | {
 10 |     return json_decode(file_get_contents(__DIR__ . '/users.json'), true);
 11 | }
 12 | 
 13 | function getUserById($id)
 14 | {
 15 |     $users = getUsers();
 16 |     foreach ($users as $user) {
 17 |         if ($user['id'] == $id) {
 18 |             return $user;
 19 |         }
 20 |     }
 21 |     return null;
 22 | }
 23 | 
 24 | function createUser($data)
 25 | {
 26 |     $users = getUsers();
 27 | 
 28 |     $data['id'] = rand(1000000, 2000000);
 29 | 
 30 |     $users[] = $data;
 31 | 
 32 |     putJson($users);
 33 | 
 34 |     return $data;
 35 | }
 36 | 
 37 | function updateUser($data, $id)
 38 | {
 39 |     $updateUser = [];
 40 |     $users = getUsers();
 41 |     foreach ($users as $i => $user) {
 42 |         if ($user['id'] == $id) {
 43 |             $users[$i] = $updateUser = array_merge($user, $data);
 44 |         }
 45 |     }
 46 | 
 47 |     putJson($users);
 48 | 
 49 |     return $updateUser;
 50 | }
 51 | 
 52 | function deleteUser($id)
 53 | {
 54 |     $users = getUsers();
 55 | 
 56 |     foreach ($users as $i => $user) {
 57 |         if ($user['id'] == $id) {
 58 |             array_splice($users, $i, 1);
 59 |         }
 60 |     }
 61 | 
 62 |     putJson($users);
 63 | }
 64 | 
 65 | function uploadImage($file, $user)
 66 | {
 67 |     if (isset($_FILES['picture']) && $_FILES['picture']['name']) {
 68 |         if (!is_dir(__DIR__ . "/images")) {
 69 |             mkdir(__DIR__ . "/images");
 70 |         }
 71 |         // Get the file extension from the filename
 72 |         $fileName = $file['name'];
 73 |         // Search for the dot in the filename
 74 |         $dotPosition = strpos($fileName, '.');
 75 |         // Take the substring from the dot position till the end of the string
 76 |         $extension = substr($fileName, $dotPosition + 1);
 77 | 
 78 |         move_uploaded_file($file['tmp_name'], __DIR__ . "/images/${user['id']}.$extension");
 79 | 
 80 |         $user['extension'] = $extension;
 81 |         updateUser($user, $user['id']);
 82 |     }
 83 | }
 84 | 
 85 | function putJson($users)
 86 | {
 87 |     file_put_contents(__DIR__ . '/users.json', json_encode($users, JSON_PRETTY_PRINT));
 88 | }
 89 | 
 90 | function validateUser($user, &$errors)
 91 | {
 92 |     $isValid = true;
 93 |     // Start of validation
 94 |     if (!$user['name']) {
 95 |         $isValid = false;
 96 |         $errors['name'] = 'Name is mandatory';
 97 |     }
 98 |     if (!$user['username'] || strlen($user['username']) < 6 || strlen($user['username']) > 16) {
 99 |         $isValid = false;
100 |         $errors['username'] = 'Username is required and it must be more than 6 and less then 16 character';
101 |     }
102 |     if ($user['email'] && !filter_var($user['email'], FILTER_VALIDATE_EMAIL)) {
103 |         $isValid = false;
104 |         $errors['email'] = 'This must be a valid email address';
105 |     }
106 | 
107 |     if (!filter_var($user['phone'], FILTER_VALIDATE_INT)) {
108 |         $isValid = false;
109 |         $errors['phone'] = 'This must be a valid phone number';
110 |     }
111 |     // End Of validation
112 | 
113 |     return $isValid;
114 | }
115 | 


--------------------------------------------------------------------------------
/view.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include 'partials/header.php';
 3 | require __DIR__ . '/users/users.php';
 4 | 
 5 | if (!isset($_GET['id'])) {
 6 |     include "partials/not_found.php";
 7 |     exit;
 8 | }
 9 | $userId = $_GET['id'];
10 | 
11 | $user = getUserById($userId);
12 | if (!$user) {
13 |     include "partials/not_found.php";
14 |     exit;
15 | }
16 | 
17 | ?>
18 | <div class="container">
19 |     <div class="card">
20 |         <div class="card-header">
21 |             <h3>View User: <b><?php echo $user['name'] ?></b></h3>
22 |         </div>
23 |         <div class="card-body">
24 |             <a class="btn btn-secondary" href="update.php?id=<?php echo $user['id'] ?>">Update</a>
25 |             <form style="display: inline-block" method="POST" action="delete.php">
26 |                 <input type="hidden" name="id" value="<?php echo $user['id'] ?>">
27 |                 <button class="btn btn-danger">Delete</button>
28 |             </form>
29 |         </div>
30 |         <table class="table">
31 |             <tbody>
32 |             <tr>
33 |                 <th>Name:</th>
34 |                 <td><?php echo $user['name'] ?></td>
35 |             </tr>
36 |             <tr>
37 |                 <th>Username:</th>
38 |                 <td><?php echo $user['username'] ?></td>
39 |             </tr>
40 |             <tr>
41 |                 <th>Email:</th>
42 |                 <td><?php echo $user['email'] ?></td>
43 |             </tr>
44 |             <tr>
45 |                 <th>Phone:</th>
46 |                 <td><?php echo $user['phone'] ?></td>
47 |             </tr>
48 |             <tr>
49 |                 <th>Website:</th>
50 |                 <td>
51 |                     <a target="_blank" href="http://<?php echo $user['website'] ?>">
52 |                         <?php echo $user['website'] ?>
53 |                     </a>
54 |                 </td>
55 |             </tr>
56 |             </tbody>
57 |         </table>
58 |     </div>
59 | </div>
60 | 
61 | 
62 | <?php include 'partials/footer.php' ?>
63 | 


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