├── Account.php
├── README.md
├── Tag.php
├── add.php
├── database
    └── blog.sql
├── db.php
├── delete.php
├── edit.php
├── header.php
├── image_upload_function.php
├── images
    ├── 2.jpg
    ├── b (1).png
    ├── man.png
    ├── node.png
    ├── react.png
    ├── service_img2.png
    ├── service_img4.png
    └── service_img4_2.png
├── index.php
├── login.php
├── logout.php
├── post.php
├── result.php
├── session.php
└── view.php


/Account.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('db.php');
 3 | session_start();
 4 | 
 5 | class Account{
 6 | 	private $db;
 7 | 	public function __construct($db){
 8 | 		$this->db = $db;
 9 | 	}
10 | 
11 | 	public function login($username,$password){
12 | 		$sql = "SELECT username,password FROM users WHERE username='$username'AND password='$password'";
13 | 		$result = mysqli_query($this->db,$sql);
14 | 		if(mysqli_num_rows($result)>0){
15 | 			$_SESSION['username'] = $_POST['username'];
16 | 			header("location:result.php");
17 | 		}
18 | 	}
19 | }
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Study-blog
 2 | This is a Blog website made using PHP and Javascript.
 3 | The Website follows CRUD Operations, also has a admin panel.
 4 | 
 5 | The Blogger also has options to upload images , the website is also mobile friendly.
 6 | 
 7 | It also has comment section for the blogs , where people can comment on the posts. The user can also add multiple tags to the post.
 8 | 
 9 | The Website uses MySQL as the database with the backend.
10 | 


--------------------------------------------------------------------------------
/Tag.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('db.php');
 3 | class Tag{
 4 | 	private $db;
 5 | 	public function __construct($db ){
 6 | 		$this->db = $db;
 7 | 	}
 8 | 
 9 | 	public function getAllTags(){
10 | 		$sql = "SELECT * FROM tags";
11 | 		$result = mysqli_query($this->db,$sql);
12 | 		return $result;
13 | 	}
14 | 
15 | 	public function getTags($slug){
16 | 		$data = [];
17 | 		//$sql = "SELECT * FROM tags";
18 | 		$sql = "SELECT  *
19 | 				FROM   posts
20 |    				INNER JOIN post_tags
21 |       			ON post_tags.post_id = posts.id
22 |    				INNER JOIN tags
23 |     			ON tags.id = post_tags.tag_id
24 |    				WHERE tags.tag='$slug'";
25 |    		$result = mysqli_query($this->db,$sql);
26 |    		//return $result;
27 | 		//$result = mysqli_query($this->db,$sql);
28 | 		foreach($result as $res){
29 | 			array_push($data, $res['tag']);
30 | 		}
31 | 		return $data;
32 | 	}
33 | 
34 | 
35 | }
36 | 


--------------------------------------------------------------------------------
/add.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   include('session.php');
 3 |  ?>
 4 | <?php
 5 |     include('header.php');
 6 | ?>
 7 | <?php
 8 |     include('post.php');
 9 | ?>
10 | <?php
11 |     include('image_upload_function.php');
12 | ?>
13 | <?php
14 |   include('Tag.php');
15 |  ?>
16 |  <?php
17 |      $tags = new Tag($db);
18 |      $post = new Post($db);
19 |      ?>
20 | <?php
21 |     if(isset($_POST['btnSubmit'])){
22 | 
23 |        	$data = date('Y-m-d');
24 | 
25 |     	if(!empty($_POST['title'])&&!empty($_POST['description'])){
26 |     		$title = strip_tags($_POST['title']);
27 |     		$description = $_POST['description'];
28 |         $slug = createSlug($title);
29 |     		$record = $post->addPost($title,$description,uploadImage(),$data,$slug);
30 |     		if($record==True){
31 |     			echo"<div class='text-center alert alert-success'>Post added Successfully!</div>";
32 |     		}
33 |     	}else{
34 |     		echo"<div class='text-center alert alert-danger'>Every field is required</div>";
35 |     	}
36 |     }
37 | ?>
38 | 
39 | <div class="container">
40 | 	<div class="row justify-content-center">
41 | 		<div class="col-md-8">
42 | 			<form action="add.php" method="POST" enctype="multipart/form-data">
43 | 			<div class="card">
44 | 				<div class="card-header">Add post</div>
45 | 				<div class="card-body">
46 | 					<div class="form-group">
47 | 						<label for="title">Title</label>
48 | 						<input type="text" name="title" class="form-control">
49 | 					</div>
50 | 
51 | 					<div class="form-group">
52 | 						<label for="description">Description</label>
53 | 						<textarea cols="10" id="editor" name="description" class="form-control"></textarea>
54 | 					</div>
55 | 
56 | 					<div class="form-group">
57 | 						<label for="image">Image</label>
58 | 						<input type="file" name="image" class="form-control">
59 | 					</div>
60 |           <div class="form-group form-check-inline">
61 |             <label for="image"><b>Choose tags</b>&nbsp;&nbsp;</label>
62 |             <?php  foreach($tags->getAllTags() as $tag){ ?>
63 |               <input type="checkbox" name="tags[]" class="form-check-input" value="<?php echo $tag['id'] ?>"><?php echo $tag['tag']; ?>
64 |             <?php } ?>
65 |           </div>
66 | 
67 | 					<div class="form-group">
68 | 						<button type="submit" name="btnSubmit" class="btn btn-primary">Submit</button>
69 | 					</div>
70 | 				</div>
71 | 			</div>
72 | 		</form>
73 | 
74 | 		</div>
75 | 	</div>
76 | 
77 | </div>
78 | 
79 | <script>
80 |     ClassicEditor
81 |         .create( document.querySelector( '#editor' ) )
82 |         .catch( error => {
83 |             console.error( error );
84 |         } );
85 | </script>
86 | </script>
87 | 


--------------------------------------------------------------------------------
/database/blog.sql:
--------------------------------------------------------------------------------
  1 | -- phpMyAdmin SQL Dump
  2 | -- version 5.0.2
  3 | -- https://www.phpmyadmin.net/
  4 | --
  5 | -- Host: localhost
  6 | -- Generation Time: Jun 05, 2020 at 11:56 AM
  7 | -- Server version: 10.4.11-MariaDB
  8 | -- PHP Version: 7.4.5
  9 | 
 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
 11 | START TRANSACTION;
 12 | SET time_zone = "+00:00";
 13 | 
 14 | 
 15 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
 16 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
 17 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
 18 | /*!40101 SET NAMES utf8mb4 */;
 19 | 
 20 | --
 21 | -- Database: `blog`
 22 | --
 23 | 
 24 | -- --------------------------------------------------------
 25 | 
 26 | --
 27 | -- Table structure for table `posts`
 28 | --
 29 | 
 30 | CREATE TABLE `posts` (
 31 |   `id` int(11) NOT NULL,
 32 |   `title` varchar(200) NOT NULL,
 33 |   `description` text NOT NULL,
 34 |   `image` varchar(80) NOT NULL,
 35 |   `created_at` datetime NOT NULL,
 36 |   `slug` varchar(200) NOT NULL
 37 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 38 | 
 39 | --
 40 | -- Dumping data for table `posts`
 41 | --
 42 | 
 43 | INSERT INTO `posts` (`id`, `title`, `description`, `image`, `created_at`, `slug`) VALUES
 44 | (13, 'Node Js a Awesome Language', '<p>Node.js is an open source, cross-platform runtime environment for developing server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, and Linux.</p>', 'node.png', '2020-06-05 00:00:00', 'Node-Js-a-Awesome-Language'),
 45 | (14, 'React is a Frontend Library', '<p>React is a JavaScript library created for building fast and interactive user interfaces for web and mobile applications. It is an open-source, component-based, front-end library responsible only for the application’s view layer. In Model View Controller (MVC) architecture, the view layer is responsible for how the app looks and feels. React was created by Jordan Walke, &nbsp;at Facebook.&nbsp;</p><p>Let’s take a look at an Instagram webpage example, entirely built using React, to get a better understanding of how React works. As the illustration shows, React divides the UI into multiple components, which makes the code easier to debug. This way, each component has its property and function.</p><p><strong>Easy creation of dynamic applications:</strong> React makes it easier to create dynamic web applications because it requires less coding and offers more functionality, as opposed to JavaScript, where coding often gets complex very quickly.</p>', 'react.png', '2020-06-05 00:00:00', 'React'),
 46 | (15, 'Android a great thing to learn', '<p>Android is a powerful operating system and it supports a large number of applications in Smartphones. These applications are more comfortable and advanced for users. The hardware that supports android software is based on the ARM architecture platform. The android is an open-source operating system that means that it’s free and anyone can use it. The android has got millions of apps available that can help you manage your life one or another way and it is available to low cost in the market for that reason android is very popular.</p>', 'man.png', '2020-06-05 00:00:00', 'Android-a-great-thing-to-learn'),
 47 | (16, 'Java is a Programming Language', '<p>Today the Java platform is a commonly used foundation for developing and delivering content on the web. According to Oracle, there are more than 9 million Java developers worldwide and more than 3 billion mobile phones run Java.</p><p>In 2014 one of the most significant changes to the Java language was launched with Java SE 8. Changes included additional functional programming features, parallel processing using streams and improved integration with JavaScript. The 20th anniversary of commercial Java was celebrated in 2015.</p>', 'service_img2.png', '2020-06-05 00:00:00', 'Java-is-a-Programming-Language');
 48 | 
 49 | -- --------------------------------------------------------
 50 | 
 51 | --
 52 | -- Table structure for table `post_tags`
 53 | --
 54 | 
 55 | CREATE TABLE `post_tags` (
 56 |   `tag_id` int(11) NOT NULL,
 57 |   `post_id` int(11) NOT NULL
 58 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 59 | 
 60 | --
 61 | -- Dumping data for table `post_tags`
 62 | --
 63 | 
 64 | INSERT INTO `post_tags` (`tag_id`, `post_id`) VALUES
 65 | (1, 7),
 66 | (2, 7),
 67 | (1, 8),
 68 | (2, 8),
 69 | (4, 9),
 70 | (2, 10),
 71 | (2, 13),
 72 | (1, 14),
 73 | (4, 15),
 74 | (5, 15),
 75 | (5, 16);
 76 | 
 77 | -- --------------------------------------------------------
 78 | 
 79 | --
 80 | -- Table structure for table `tags`
 81 | --
 82 | 
 83 | CREATE TABLE `tags` (
 84 |   `id` int(11) NOT NULL,
 85 |   `tag` varchar(60) NOT NULL
 86 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 87 | 
 88 | --
 89 | -- Dumping data for table `tags`
 90 | --
 91 | 
 92 | INSERT INTO `tags` (`id`, `tag`) VALUES
 93 | (1, 'react'),
 94 | (2, 'node.js'),
 95 | (3, 'android'),
 96 | (4, 'html'),
 97 | (5, 'java');
 98 | 
 99 | -- --------------------------------------------------------
100 | 
101 | --
102 | -- Table structure for table `users`
103 | --
104 | 
105 | CREATE TABLE `users` (
106 |   `id` int(11) NOT NULL,
107 |   `name` varchar(60) NOT NULL,
108 |   `username` varchar(60) NOT NULL,
109 |   `password` varchar(60) NOT NULL
110 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
111 | 
112 | --
113 | -- Dumping data for table `users`
114 | --
115 | 
116 | INSERT INTO `users` (`id`, `name`, `username`, `password`) VALUES
117 | (2, 'Raghav', 'hello', '5d41402abc4b2a76b9719d911017c592');
118 | 
119 | --
120 | -- Indexes for dumped tables
121 | --
122 | 
123 | --
124 | -- Indexes for table `posts`
125 | --
126 | ALTER TABLE `posts`
127 |   ADD PRIMARY KEY (`id`);
128 | 
129 | --
130 | -- Indexes for table `tags`
131 | --
132 | ALTER TABLE `tags`
133 |   ADD PRIMARY KEY (`id`);
134 | 
135 | --
136 | -- Indexes for table `users`
137 | --
138 | ALTER TABLE `users`
139 |   ADD PRIMARY KEY (`id`);
140 | 
141 | --
142 | -- AUTO_INCREMENT for dumped tables
143 | --
144 | 
145 | --
146 | -- AUTO_INCREMENT for table `posts`
147 | --
148 | ALTER TABLE `posts`
149 |   MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=17;
150 | 
151 | --
152 | -- AUTO_INCREMENT for table `tags`
153 | --
154 | ALTER TABLE `tags`
155 |   MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
156 | 
157 | --
158 | -- AUTO_INCREMENT for table `users`
159 | --
160 | ALTER TABLE `users`
161 |   MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
162 | COMMIT;
163 | 
164 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
165 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
166 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
167 | 


--------------------------------------------------------------------------------
/db.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     $db = mysqli_connect("localhost","root","","blog");
3 |     if(mysqli_connect_error()){
4 |         echo "failed to connect".mysqli_connect_error();
5 |     }
6 | ?>


--------------------------------------------------------------------------------
/delete.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   // include('session.php');
 3 |  ?>
 4 | <?php include('header.php'); ?>
 5 | <?php include('post.php');
 6 | 	$post = new Post($db);
 7 | ?>
 8 | <?php
 9 | $post->deletePostBySlug($_GET['slug']);
10 | header('Location:result.php');
11 | ?>
12 | 


--------------------------------------------------------------------------------
/edit.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   // include('session.php');
 3 |  ?>
 4 | <?php
 5 | 	include('header.php');
 6 | ?>
 7 | <?php
 8 | include('session.php');
 9 | ?>
10 | <?php
11 | include('image_upload_function.php');
12 | ?>
13 | <?php
14 | include('post.php');
15 | $posts = new Post($db);
16 | ?>
17 | <?php
18 | if(isset($_POST['btnUpdate'])){
19 | 	$result = $posts->updatePost($_POST['title'],$_POST['description'],$_GET['slug']);
20 | 	if($result==true){
21 | 		echo"<div class='text-center alert alert-success'>Post updated Successfully!</div>";
22 | 	}
23 | }
24 | ?>
25 | 
26 | <div class="container">
27 | 	<div class="row justify-content-center">
28 | 		<?php foreach($posts->getSinglePost($_GET['slug'])as $post){ ?>
29 | 		<div class="col-md-8">
30 | 			<form action="#" method="POST" enctype="multipart/form-data">
31 | 			<div class="card">
32 | 				<div class="card-header">Edit post</div>
33 | 				<div class="card-body">
34 | 					<div class="form-group">
35 | 						<label for="title">Title</label>
36 | 						<input type="text" name="title" class="form-control" value="<?php echo $post['title']; ?>">
37 | 					</div>
38 | 
39 | 					<div class="form-group">
40 | 						<label for="description">Description</label>
41 | 						<textarea cols="10" id="editor" name="description" class="form-control"><?php echo $post['description'] ;?></textarea>
42 | 					</div>
43 | 
44 | 					<div class="form-group">
45 | 						<label for="image">Image</label>
46 | 						<input type="file" name="image" class="form-control">
47 | 						<img style="width: 180px;" src="images/<?php echo $post['image'] ?>">
48 | 					</div>
49 | 
50 | 
51 | 
52 | 					<div class="form-group">
53 | 						<button type="submit" name="btnUpdate" class="btn btn-primary">Update </button>
54 | 					</div>
55 | 
56 | 
57 | 				</div>
58 | 			</div>
59 | 		</form>
60 | 
61 | 		</div>
62 | 	<?php }?>
63 | 	</div>
64 | 
65 | </div>
66 | <script>
67 |     ClassicEditor
68 |         .create( document.querySelector( '#editor' ) )
69 |         .catch( error => {
70 |             console.error( error );
71 |         } );
72 | </script>
73 | <style type="text/css">
74 | 	.card{
75 | 		margin-top: 10px;
76 | 	}
77 | </style>
78 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | 	<title>PHP Assignment 1</title>
 5 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
 6 | 
 7 | 	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 8 | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 9 | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
10 | 
11 | 
12 | <script src="https://cdn.ckeditor.com/ckeditor5/11.2.0/classic/ckeditor.js"></script>
13 | 
14 | 
15 | </head>
16 | <body>
17 | <nav class="navbar navbar-expand-lg navbar-light bg-light">
18 |   <a class="navbar-brand" href="index.php">Php Assignment 1</a>
19 |   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
20 |     <span class="navbar-toggler-icon"></span>
21 |   </button>
22 |   <div class="collapse navbar-collapse" id="navbarNav">
23 |     <ul class="navbar-nav ml-auto">
24 |       <li class="nav-item active">
25 |         <a class="nav-link" href="index.php">Home <span class="sr-only">(current)</span></a>
26 |       </li>
27 |       <li class="nav-item">
28 |         <a class="nav-link" href="add.php">Add Post</a>
29 |       </li>
30 |       <li class="nav-item">
31 |         <a class="nav-link" href="result.php">Dashboard</a>
32 |       </li>
33 |     <?php if(!empty($_SESSION['username'])){ ?>
34 |       <li class="nav-item">
35 |         <a class="nav-link" href="logout.php">Logout</a>
36 |       </li>
37 |     <?php }else{  ?>
38 |       <li class="nav-item">
39 |         <a class="nav-link" href="login.php">Login</a>
40 |       </li>
41 | <?php  } ?>
42 | 
43 | 
44 |     </ul>
45 |   </div>
46 | </nav>
47 | </body>
48 | </html>
49 | 


--------------------------------------------------------------------------------
/image_upload_function.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | function uploadImage(){
 3 | 	$imagename= $_FILES['image']['name'];
 4 | 	$imagetmp = $_FILES['image']['tmp_name'];
 5 | 	
 6 | 	$allowed = array('jpeg','png','jpg');
 7 | 
 8 | 	$ext = pathinfo($imagename,PATHINFO_EXTENSION);
 9 | 
10 | 	if(in_array($ext,$allowed)){
11 | 		move_uploaded_file($imagetmp, "images/".$imagename);
12 | 	}else{
13 | 		echo"only png,jpg and jpeg image format are allowed";
14 | 	}
15 | 	return $imagename;
16 | }
17 | 
18 | function createSlug($string){
19 | 	$slug = preg_replace('/[^A-Za-z0-9]+/','-',$string);
20 | 	return $slug;
21 | 	
22 | }
23 | 
24 | ?>


--------------------------------------------------------------------------------
/images/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/2.jpg


--------------------------------------------------------------------------------
/images/b (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/b (1).png


--------------------------------------------------------------------------------
/images/man.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/man.png


--------------------------------------------------------------------------------
/images/node.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/node.png


--------------------------------------------------------------------------------
/images/react.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/react.png


--------------------------------------------------------------------------------
/images/service_img2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/service_img2.png


--------------------------------------------------------------------------------
/images/service_img4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/service_img4.png


--------------------------------------------------------------------------------
/images/service_img4_2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sharmakumaraditya/Study-blog/12a2237af4850a50cefc8e902a19759060af946c/images/service_img4_2.png


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('header.php');
 3 | include('post.php');
 4 | include('Tag.php')
 5 | ?>
 6 | <?php
 7 | $post = new Post($db);
 8 | $tags = new Tag($db);
 9 | ?>
10 | 
11 | <div class="container">
12 |     <div class="row">
13 |         <div class="col-md-8">
14 |         <?php foreach($post->getPost() as $post) { ?>
15 |             <div class="media">
16 |                 <div class="media-left media-top">
17 |                     <img src="images/<?php echo $post['image']; ?>" class="media-object" style="width:200px; margin-right: 10px;"/>
18 |                     <p>
19 |                       Author:Admin<br>
20 |           						Created:<?php echo date('Y-m-d',strtotime($post['created_at'])); ?>
21 |                     </p>
22 |                 </div>
23 |                 <div class="media-body">
24 |                   <h4 class="media-heading"><a href="view.php?slug=<?php echo $post['slug'];?>"><?php echo $post['title']; ?></a></h4>
25 |                   <?php echo htmlspecialchars_decode(substr($post['description'],0,100));?>                 </div>
26 |             </div>
27 | 
28 |             <?php } ?>
29 | 
30 |             <div class="col-md-4">
31 |             	<h4>Browse by Tags</h4>
32 |             	<p>
33 |             	<?php
34 |             	foreach($tags->getAllTags() as $tag){?>
35 |             		<a href="index.php?tag=<?php  echo $tag['tag'];?>"><button type="button" class="btn btn-outline-warning btn-sm">
36 |             			<?php  echo $tag['tag'];?>
37 |             		</button></a>
38 | 
39 |             	<?php  } ?>
40 | 
41 |             	</p>
42 | 
43 |         </div>
44 |     </div>
45 | </div>
46 | </div>
47 | </div>
48 | 
49 | <style type="text/css">
50 |     body{
51 |         text-align: justify;
52 |     }
53 |     img{
54 |         margin-right: 10px;
55 |     }
56 |     .media{
57 |         margin-top: 20px;
58 |     }
59 | </style>
60 | 


--------------------------------------------------------------------------------
/login.php:
--------------------------------------------------------------------------------
 1 | <?php include('header.php'); ?>
 2 | <?php include('Account.php');  ?>
 3 | 
 4 | <?php
 5 |  $user = new Account($db);
 6 | ?>
 7 | <?php
 8 | if(isset($_POST['btnLogin'])){
 9 | 	$user->login($_POST['username'],md5($_POST['password']));
10 | 
11 | 
12 | }
13 | 
14 | ?>
15 | 
16 | 
17 | <form action="login.php" method="POST">
18 | 	<div class="container">
19 | 		<h4>Admin Login</h4>
20 | 		<div class="col-md-4">
21 | 			<div class="form-group">
22 | 				<label for="username">Username</label>
23 | 				<input type="text" name="username" class="form-control" placeholder="username...">
24 | 			</div>
25 | 			<div class="form-group">
26 | 				<label for="password">password</label>
27 | 				<input type="password" name="password" class="form-control" placeholder="password...">
28 | 			</div>
29 | 			<div class="form-group">
30 | 				<button type="submit" name="btnLogin" class="btn btn-success">Login</button>
31 | 			</div>
32 | 
33 | 		</div>
34 | 	</div>
35 | </form>
36 | 


--------------------------------------------------------------------------------
/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | session_destroy();
4 | header("Location:login.php");
5 | 


--------------------------------------------------------------------------------
/post.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('db.php');
 3 |     class Post
 4 |     {
 5 |         private $db;
 6 |         public function __construct($db){
 7 |             $this->db = $db;
 8 |         }
 9 |         public function addPost($title,$description,$image,$date,$slug){
10 | 
11 | 
12 |       		$sql = "INSERT INTO posts(title,description,image,created_at,slug)VALUES('$title','$description','$image','$date','$slug')";
13 |       		$result = mysqli_query($this->db,$sql);
14 | 
15 |       		if($result){
16 |       			if($_POST['tags']){
17 |       				$tags = $_POST['tags'];
18 |       				$lastInsertedId = mysqli_insert_id($this->db);
19 |       				foreach($tags as $tag){
20 |       					$sql="INSERT INTO post_tags(post_id,tag_id)VALUES('$lastInsertedId',$tag)";
21 |       					$result = mysqli_query($this->db,$sql);
22 |       				}
23 |       			}
24 |       		}
25 |       		return $result;
26 |       	}
27 | 
28 |         public function getPost(){
29 |           if(isset($_GET['tag'])){
30 |             $tag = $_GET['tag'];
31 |             $sql = "SELECT *
32 |                     FROM posts
33 |                     INNER JOIN post_tags ON posts.id = post_tags.post_id
34 |                     INNER JOIN tags ON tags.id = post_tags.tag_id
35 |                     WHERE tags.tag='$tag'";
36 |           $result = mysqli_query($this->db,$sql);
37 |           return $result;
38 | 
39 |         }
40 |             $sql = "SELECT * from posts";
41 |             $result = mysqli_query($this->db, $sql);
42 |             return $result;
43 |         }
44 | 
45 |         public function updatePost($title,$description,$slug){
46 |       		$newImage = $_FILES['image']['name'];
47 |       		if(!empty($newImage)){
48 |       			$image = uploadImage();
49 |       			$sql = "UPDATE posts SET title ='$title',description='$description',image = '$image' WHERE slug = '$slug'";
50 |       			$result = mysqli_query($this->db,$sql);
51 |       			return $result;
52 | 
53 |       		}else{
54 |       			$sql = "UPDATE posts SET title ='$title',description='$description' WHERE slug = '$slug'";
55 |       			$result = mysqli_query($this->db,$sql);
56 |       			return $result;
57 |       		}
58 |       	}
59 | 
60 |         public function deletePostBySlug($slug){
61 |           $sql = "DELETE FROM posts WHERE slug='$slug'";
62 |           $result = mysqli_query($this->db,$sql);
63 |           return $result;
64 |         }
65 | 
66 |         public function getSinglePost($slug){
67 |           $sql = "SELECT * FROM posts WHERE slug='$slug'";
68 |           $result = mysqli_query($this->db, $sql);
69 |           return $result;
70 |       }
71 |     }
72 | 
73 | ?>
74 | 


--------------------------------------------------------------------------------
/result.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('session.php');
 3 | include('header.php'); ?>
 4 | <?php
 5 | include('post.php');
 6 | $post = new Post($db);
 7 | 
 8 | ?>
 9 | 
10 | <div class="container">
11 | 	<h2>All Posts</h2>
12 | 
13 | 
14 | 	<?php
15 | 		if(!empty($_SESSION['username'])){
16 | 			echo "Hello, {$_SESSION['username']}";
17 | 		}else{
18 | 			echo"You're not logged in!";
19 | 		}
20 | 	?>
21 | 
22 | 	</h2>
23 | 	<table class="table table-striped">
24 | 		<thead>
25 | 			<tr>
26 | 				<th>Title</th>
27 | 				<th>Description</th>
28 | 				<th>Created at</th>
29 | 				<th>Action</th>
30 | 			</tr>
31 | 		</thead>
32 | 		<tbody>
33 | 			<?php foreach($post->getPost() as $post){ ?>
34 | 			<tr>
35 | 				<td><?php echo $post['title']; ?></td>
36 | 				<td><?php echo $post['description'] ?></td>
37 | 				<td><?php echo date('Y-m-d',strtotime($post['created_at'])); ?></td>
38 | 				<td>
39 | 					<a href="view.php?slug=<?php echo $post['slug'];?>"><button type="submit" class="btn btn-outline-success btn-sm">View</button></a>
40 | 					<a href="edit.php?slug=<?php echo $post['slug'];?>"><button type="submit" class="btn btn-outline-primary btn-sm">Edit</button></a>
41 | 					<a href="delete.php?slug=<?php echo $post['slug'];?>"><button type="submit" class="btn btn-outline-danger btn-sm">Delete</button></a>
42 | 				</td>
43 | 			<?php }?>
44 | 			</tr>
45 | 		</tbody>
46 | 	</table>
47 | </div>
48 | 


--------------------------------------------------------------------------------
/session.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | if(empty($_SESSION['username'])){
4 | 	header("location:login.php");
5 | 
6 | }
7 | ?>
8 | 


--------------------------------------------------------------------------------
/view.php:
--------------------------------------------------------------------------------
 1 | <?php include('header.php');
 2 | 	  include('post.php');
 3 | 
 4 | $posts = new Post($db);
 5 | 
 6 |  ?>
 7 | 
 8 |  <div class="container">
 9 |  	<div class="row">
10 |  		<?php foreach($posts->getSinglePost($_GET['slug']) as $post){ ?>
11 |  		<div class="card">
12 |  			<img  class="card-img-top"src="images/<?php echo $post['image']; ?>" >
13 |  		</div>
14 |  		<div class="card-body">
15 |  			<h4 class="card-title"><?php echo $post['title']; ?></h4>
16 |  			<p class="card-text"><?php echo $post['description']; ?></p>
17 |  		</div>
18 |  	<?php } ?>
19 | </div>
20 | </div>
21 | 


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