In this article you will learn How can you make your own Like and Dislike system. We are going to make the logic in Php.
So if you don't know, PHP was a popular language for making websites backend. Even the world's biggest social network, Facebook was built in Php. But today, Php is not used much. Even its importance is decreasing day by day and it's becoming dead.
So Why did I made this in Php? Well the answer is simple. I know Php. Infact Php is a good language. You can even imagine the popularity of Facebook, which was made in Php. And its not bad to learn Php because if you are able to make the logics in it, it is definitely going to help you in other languages. There's no minus point for learning Php.
So, you must have seen like dislike systems on various social networks like YouTube. So 2 months back I wanted to create my own blog and I created it! I started from scratch and designed everything of it one by one as the ideas hit me. You can even have a look at it. TheShiveshNetwork I created this site piece by piece and designed it. And yeah this was my first complete website. With login system and few inbuilt features. Well I know this site contains many bugs but they can be fixed by giving some time to them. Also I am telling this because I am not a kind of person who will keep you in confusion. I am still learning to code. But I love to build things and this site is for that.

The blog was getting completed day by day. So, the thing that I needed after a few days for this blog was a rating system. Where users can like or dislike the blog. So I started searching for tutorials on google and youtube to find the perfect thing that I wanted. Because I told, this was my first website so I needed a reference to understand how things are going to work.

After visiting many places, I couldn't find anything that could completely satisfy what I was thinking. The codes online even had lot of bugs. But one plus point, I had got my idea to use the things needed for making it and bring those things together. So, I started.

First of all, I created a mysql table to store the rating of posts. The table structure is as

Firstly, make a Mysql table named "posts" Download

Then, make a Mysql table named "rating_info" Download

Next, I connected to the mysql database in php and started writing my logic.

Finally, this was the thing I created. I was highly satisfied wuth its working. And I guess this is the best and complete like dislike system tutorial on the web with a free code. Just download, modify and use it. No need to waste your time on which I wasted weeks :)

    
        
// The code. Just copy from here. Replace "<!--" by "<?"
<?php 
session_start();

<!-- First We will see user authentication with login. -->

// initializing variables
$username = "";
$email = "";
$user_id = "";
$errors = array(); 

$db = mysqli_connect('localhost', 'root', '', 'test');

if (isset($_POST['reg_user'])) {
  $username = mysqli_real_escape_string($db, $_POST['username']);
  $email = mysqli_real_escape_string($db, $_POST['email']);
  $password_1 = mysqli_real_escape_string($db, $_POST['password_1']);
  $password_2 = mysqli_real_escape_string($db, $_POST['password_2']);

  // form validation: ensure that the form is correctly filled ...
  // by adding (array_push()) corresponding error unto $errors array
  if (empty($username)) { array_push($errors, "Username is required"); }
  if (empty($email)) { array_push($errors, "Email is required"); }
  if (empty($password_1)) { array_push($errors, "Password is required"); }
  if ($password_1 != $password_2) {
	array_push($errors, "The two passwords do not match");
  }

  // first check the database to make sure 
  // a user does not already exist with the same username and/or email
  $user_check_query = "SELECT * FROM users WHERE username='$username' OR email='$email' LIMIT 1";
  $result = mysqli_query($db, $user_check_query);
  $user = mysqli_fetch_assoc($result);
  
  if ($user) { // if user exists
    if ($user['username'] === $username) {
      array_push($errors, "Username already exists");
    }

    if ($user['email'] === $email) {
      array_push($errors, "email already exists");
    }
  }

  // Finally, register user if there are no errors in the form
  if (count($errors) == 0) {
  	$password = md5($password_1);

  	$query = "INSERT INTO users (username, email, password) 
  			  VALUES('$username', '$email', '$password')";
  	mysqli_query($db, $query);
  	$_SESSION['username'] = $username;
  	$_SESSION['success'] = "You are now logged in";
  	header('location: main.php');
  }
}


// LOGIN USER
if (isset($_POST['login_user'])) {
    $username = mysqli_real_escape_string($db, $_POST['username']);
    $password = mysqli_real_escape_string($db, $_POST['password']);
  
    if (empty($username)) {
        array_push($errors, "Username is required");
    }
    if (empty($password)) {
        array_push($errors, "Password is required");
    }
  
    if (count($errors) == 0) {
        $password = md5($password);
        $query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
        $results = mysqli_query($db, $query);

        if (mysqli_num_rows($results) == 1) {
          $_SESSION['loggedin'] = true;
          $_SESSION['username'] = $username;
          $_SESSION['success'] = "You are now logged in";
          header('location: main.php');
        }else {
            array_push($errors, "Wrong username/password combination");
        }
    }
}


if (!$db) {
  die("Error connecting to database: " . mysqli_connect_error($db));
  exit();
}


if (isset($_SESSION['loggedin'])) {
  $user_id = $_SESSION['username'];
}

if (isset($_SESSION['success'])) {
// if user clicks like or dislike button
  if (isset($_POST['action'])) {
    $post_id = $_POST['post_id'];
    $action = $_POST['action'];
    switch ($action) {
      case 'like':
          $sql="INSERT INTO rating_info VALUES ('$user_id', $post_id, 'like')";
            $sql1 = "SELECT * FROM rating_info WHERE user_id='$user_id' AND post_id=$post_id AND rating_action='dislike'";
            $result = mysqli_query($db, $sql1);
            if (mysqli_num_rows($result) > 0) {
              $sql = "UPDATE rating_info SET rating_action='like' WHERE user_id='$user_id' AND post_id=$post_id AND rating_action='dislike'";
            }
          break;
      case 'dislike':
            $sql="INSERT INTO rating_info VALUES ('$user_id', $post_id, 'dislike')";
            $sql1 = "SELECT * FROM rating_info WHERE user_id='$user_id' AND post_id=$post_id AND rating_action='like'";
            $result = mysqli_query($db, $sql1);
            if (mysqli_num_rows($result) > 0) {
              $sql = "UPDATE rating_info SET rating_action='dislike' WHERE user_id='$user_id' AND post_id=$post_id AND rating_action='like'";
            }
          break;
      case 'unlike':
            $sql="DELETE FROM rating_info WHERE user_id='$user_id' AND post_id=$post_id";
          break;
      case 'undislike':
            $sql="DELETE FROM rating_info WHERE user_id='$user_id' AND post_id=$post_id";
        break;
      default:
        break;
    }

    // execute query to effect changes in the database ...
    mysqli_query($db, $sql);
    echo getRating($post_id);
    exit(0);
  }
}

// Get total number of likes for a particular post
function getLikes($id)
{
  global $db;
  $sql = "SELECT COUNT(*) FROM rating_info 
  		  WHERE post_id = $id AND rating_action='like'";
  $rs = mysqli_query($db, $sql);
  $result = mysqli_fetch_array($rs);
  return $result[0];
}

// Get total number of dislikes for a particular post
function getDislikes($id)
{
  global $db;
  $sql = "SELECT COUNT(*) FROM rating_info 
  		  WHERE post_id = $id AND rating_action='dislike'";
  $rs = mysqli_query($db, $sql);
  $result = mysqli_fetch_array($rs);
  return $result[0];
}

// Get total number of likes and dislikes for a particular post
function getRating($id)
{
  global $db;
  $rating = array();
  $likes_query = "SELECT COUNT(*) FROM rating_info WHERE post_id = $id AND rating_action='like'";
  $dislikes_query = "SELECT COUNT(*) FROM rating_info 
		  			WHERE post_id = $id AND rating_action='dislike'";
  $likes_rs = mysqli_query($db, $likes_query);
  $dislikes_rs = mysqli_query($db, $dislikes_query);
  $likes = mysqli_fetch_array($likes_rs);
  $dislikes = mysqli_fetch_array($dislikes_rs);
  $rating = [
  	'likes' => $likes[0],
  	'dislikes' => $dislikes[0]
  ];
  return json_encode($rating);
}

// Check if user already likes post or not
function userLiked($post_id)
{
  global $db;
  global $user_id;
  $sql = "SELECT * FROM rating_info WHERE user_id='$user_id' AND post_id=$post_id AND rating_action='like'";
  $result = mysqli_query($db, $sql);
  if (mysqli_num_rows($result) > 0) {
  	return true;
  }else{
  	return false;
  }
}

// Check if user already dislikes post or not
function userDisliked($post_id)
{
  global $db;
  global $user_id;
  $sql = "SELECT * FROM rating_info WHERE user_id='$user_id' AND post_id=$post_id AND rating_action='dislike'";
  $result = mysqli_query($db, $sql);
  if (mysqli_num_rows($result) > 0) {
  	return true;
  }else{
  	return false;
  }
}

$sql = "SELECT * FROM posts";
$result = mysqli_query($db, $sql);
// fetch all posts from database
// return them as an associative array called $posts
$posts = mysqli_fetch_all($result, MYSQLI_ASSOC);

?>
<!--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">
  <title>php tutorial - like dislike system</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="container">
<!--php if (isset($_SESSION['success'])) : ?-->
   <!--php foreach ($posts as $post): ?-->
   	<div class="post">
    <a class="title tahoma" href="item.php">
      <!--php echo $post['title']; ?-->
    </a>
    <br>
      <div class="post-info">
      	<i <?php if (userLiked($post['id'])): ?>
      		  class="fa fa-thumbs-up like-btn"
      	  <!--php else: ?-->
      		  class="fa fa-thumbs-o-up like-btn"
      	  <!--php endif ?-->
      	  data-id="<!--php echo $post['id'] ?-->"></i>
      	<span class="likes"><!--php echo getLikes($post['id']); ?--></span>
      	
      	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

      	<i 
      	  <?php if (userDisliked($post['id'])): ?>
      		  class="fa fa-thumbs-down dislike-btn"
      	  <!--php else: ?-->
      		  class="fa fa-thumbs-o-down dislike-btn"
      	  <!--php endif ?-->
      	  data-id="<!--php echo $post['id'] ?-->"></i>
      	<span class="dislikes"><!--php echo getDislikes($post['id']); ?--></span>
      </div>
   	</div>
   <!--php endforeach ?-->

   <!--php else : ?-->
    <!--php foreach ($posts as $post): ?-->
   	<div class="post">
    <a class="title tahoma" href="item.php">
      <!--php echo $post['title']; ?-->
    </a>
    <br>
      <div class="post-info">
      	<a onclick="nfunc()"><i class="fa fa-thumbs-o-up like-btn" data-id="<?php echo $post['id'] ?>"></i></a>
      	<span class="likes"><!--php echo getLikes($post['id']); ?--></span>
      	
      	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

      	<a onclick="nfunc()"><i class="fa fa-thumbs-o-down dislike-btn"
      	  data-id="<?php echo $post['id'] ?>"></i></a>
      	<span class="dislikes"><!--php echo getDislikes($post['id']); ?--></span>
      </div>
   	</div>
   <!--php endforeach ?-->
   <!--php endif ?-->
  </div>
    </div>
</body>
<script>
  $(document).ready(function(){

// if the user clicks on the like button ...
$('.like-btn').on('click', function(){
  var post_id = $(this).data('id');
  $clicked_btn = $(this);
  if ($clicked_btn.hasClass('fa-thumbs-o-up')) {
  	action = 'like';
  } else if($clicked_btn.hasClass('fa-thumbs-up')){
  	action = 'unlike';
  }
  $.ajax({
  	url: 'index.php',
  	type: 'post',
  	data: {
  		'action': action,
  		'post_id': post_id
  	},
  	success: function(data){
  		res = JSON.parse(data);
  		if (action == "like") {
  			$clicked_btn.removeClass('fa-thumbs-o-up');
  			$clicked_btn.addClass('fa-thumbs-up');
  		} else if(action == "unlike") {
  			$clicked_btn.removeClass('fa-thumbs-up');
  			$clicked_btn.addClass('fa-thumbs-o-up');
  		}
  		// display the number of likes and dislikes
  		$clicked_btn.siblings('span.likes').text(res.likes);
  		$clicked_btn.siblings('span.dislikes').text(res.dislikes);

  		// change button styling of the other button if user is reacting the second time to post
  		$clicked_btn.siblings('i.fa-thumbs-down').removeClass('fa-thumbs-down').addClass('fa-thumbs-o-down');
  	}
  });		

});

// if the user clicks on the dislike button ...
$('.dislike-btn').on('click', function(){
  var post_id = $(this).data('id');
  $clicked_btn = $(this);
  if ($clicked_btn.hasClass('fa-thumbs-o-down')) {
  	action = 'dislike';
  } else if($clicked_btn.hasClass('fa-thumbs-down')){
  	action = 'undislike';
  }
  $.ajax({
  	url: 'index.php',
  	type: 'post',
  	data: {
  		'action': action,
  		'post_id': post_id
  	},
  	success: function(data){
  		res = JSON.parse(data);
  		if (action == "dislike") {
  			$clicked_btn.removeClass('fa-thumbs-o-down');
  			$clicked_btn.addClass('fa-thumbs-down');
  		} else if(action == "undislike") {
  			$clicked_btn.removeClass('fa-thumbs-down');
  			$clicked_btn.addClass('fa-thumbs-o-down');
  		}
  		// display the number of likes and dislikes
  		$clicked_btn.siblings('span.likes').text(res.likes);
  		$clicked_btn.siblings('span.dislikes').text(res.dislikes);
  		
  		// change button styling of the other button if user is reacting the second time to post
  		$clicked_btn.siblings('i.fa-thumbs-up').removeClass('fa-thumbs-up').addClass('fa-thumbs-o-up');
  	}
  });	

});

});

</script>
</html>
        
    

Have you ever tried to create a desktop notifications application based on your needs? do you know you can do this in a few simple steps using python?

In this project, we are going to make a custom notification system to remind us to take a break. Like, sometimes we spend a lot of time sitting on Computers doing our work. If you sit on Computers for ling time, you may be risking your health. So, we are going to make a reminder notification system to get up from your seat and take a rest after 1 hour is completed sitting on your computer.

So, that's all about it!

We just need one python library to make the code... plyer

Plyer is a Python library for accessing features of your hardware / platforms. We would be using notification of plyer to show messages.

The code... Code Link

Now let me explain the code. So basically, when the program runs, we start an infinite loop. Inside the loop, we have used notify function of notification. The first line sets the title shown above the notifiaction. Then we have message, in which we enter the string we want to display as message. Then there is app_icon. So, we can add the path of an icon image inside it. Just make sure the icon is in '.ico' format.

So I think that's all about this project. If you want more like this, do let me know in the comments below... And Subscribe to this blog because I would be sharing more such projects of mine in future on this blog. Also, if you didn't see, check out my last project of a Music Player web app made in JavaScript. Click here

Then Bye Bye!
Thanks for reading... :)
See you!

Extra Reading:

A notification is about something (object = event, friendship..) being changed (verb = added, requested..) by someone (actor) and reported to the user (subject). Here is a normalized data structure (though I've used MongoDB). You need to notify certain users about changes. So it's per-user notifications.. meaning that if there were 100 users involved, you generate 100 notifications.

(Add time fields where you see fit)

This is basically for grouping changes per object, so that you could say "You have 3 friend requests". And grouping per actor is useful, so that you could say "User James Bond made changes in your bed". This also gives ability to translate and count notifications as you like.

But, since object is just an ID, you would need to get all extra info about object you want with separate calls, unless object actually changes and you want to show that history (so for example "user changed title of event to ...")

Presently, Pyhton is one of the most popular languages in the world. Its design philosophy emphasizes code readability with its use of significant indentation. Python is an interpreted high-level general-purpose programming language. Its language constructs as well as its object-oriented approach aim to help programmers write clear, logical code for small and large-scale projects. Thus it is widely used in many fields such as data science, AI, ML. Python frameworks such as django and flask are also a good choice for designing the backend side of a website. Also there are frameworks such as Tkinter and PyQt5 for designing apps gui.

July 17, 2021, 4:33:43 PM (MrDev in a deep thought)

If you have used Python, you must be aware of the Python shell (the IDLE). We have one place where we write the code and to run the code, we need to switch between the windows. Some brilliant mind will say (with a sarcastic sound) "He calls himself a programmer and he is talking about IDLE... Lol hahaha."

Shut up! Okay? I use IDEs but something that you have made, even its worse than what you think that was worse, you will like that! And a programmer builds things. This is his work.

Now in this project, I created my own IDE with python using Tkinter.

Now let me assume that some of you are from Mars and they don't know what IDEs actually are? So basically, IDE stands for Integrated Development Environment. It provides a collection of different things needed for coding and creates an environment for coding fast. Well its obvious that I could not make something at once that can directly challenge VS code (one of the leading IDEs in). But I can make something more similar to a text editor (like Notepad). And basically, what we actually want in programming is a section to run the program and display the output. So, can't we combine the output and the editor part in the same window. So, it reduces our work to switch between the windows like we do in IDLE.

Well, that's all about the idea. I am going to create a new notepad. But don't laugh. Okay. It would have some more features than notepad. Believe me! Let's start!

>>> Test 1: ✔
>>> Test 2: ✔
>>> Test 3: ✔
>>> Test 4: ✔
...

Code Link

Tuesday, ‎July ‎20, ‎2021, ‏‎3:01:27 PM (MrDev in a deep thought)

Finally, after adding a few things that clicked on my mind, I completed the IDE. This is the final look :)

So, I think that's it! If you want the code of this project, do let me know in the comments below! Right now, the link might not work.

If you want more like this, do let me know in the comments below... And Subscribe to this blog because I would be sharing more such projects of mine in future on this blog. Also, if you didn't see, check out my last project of a Music Player web app made in JavaScript. Click here

Then Bye Bye!
Thanks for reading... :)
See you!

# Not For Copy paste coders

Code Link

So, just if the case you are not aware of the chrome Dino game, let me tell you it is a chrome game. You must have seen this game once in your lifetime. If not, then may I ask you a question? Answer in the comments if you want, else ignore. I would like to ask "Are you from Mars?" No, it's not a silly question. It's very important. I want to know the answer. I am really serious. The Dinosaur Game is a built-in browser game in the Google Chrome web browser. The player guides a pixelated Tyrannosaurus rex across a side-scrolling landscape, avoiding obstacles to achieve a higher score. Search chrome://dino on Chrome browser and you will see the game.

Well, I think I am talking too much let's get straight to the topic...

Alert: Don't panic while running the code, just go to the python shell or the terminal (cmd/bash or anything on which the code is currently running) and press Ctrl+C to stop the running code.

So, for the project, the python modules/libraries I used in this project are pillow and pyautogui. Well, I think that pyautogui is one among few important libraries for automation of anything in python. Pyautogui allows you to automate the keys of your keyboard and even mouse. Just for an example, if you are going to subscribe this blog, then you can use Pyautogui to take your mouse and click on it. Isn't it awesome that this library makes that so easy. Also the other library I used is for image processing. Pillow is a image processing library.

Well, I also used time module to give a variation in hte project.

Let's understand the logic of the code to know the use of Pillow. The logic of the code is that the system takes few screenshots and then, just for easy processing, with the help of Pillow module, we convert the screenshots to grayscale image and then process for a particular color pixel in a space.

Basically, I have made a rectangular region with the coordinates of the screen. Now lwt's suppose, a dark black pixel comes in that rectangular region. The code will detect that and suddenly, with the help of pyautogui, we press the "up" arrow key. That's it. Now the point where the code becomes complicated is that, it depends on your systems processing power on how much time it would take after getting the input, processing it and return the output (hit a key). So, may be on your system, this code will not work properly.

The other case is, due to some variations in device resolution and pixel sizes of different devices, the data for the coordinates of square region may vary on different devices. So, there are a lot of chances that *this code is not for Copy paste coders*

Well, I think I am talking too complicated. This blog is feeling like a professional coder. Isn't it? So, that's all for this project.

If you want more like this, do let me know in the comments below... And Subscribe to this blog because I would be sharing more such projects of mine in future on this blog. Also, if you didn't see, check out my last project of a Music Player web app made in JavaScript. Click here

Then Bye Bye!
Thanks for reading... :)
See you! (If you subscribe)

Hey there, Mr.Known here... This is the first post on this blog but not my first project. I started to code back in 2019, when I learnt basics of html, css and I should not say but I saw PHP...

# Dare not ask Why? Okay! :')

So basically, my story begins from ... Error 500

That was 26 July, 2021. I wanted to improve my front end development skills. So I decided to make something that would also help me in Javascript. Because seriously, I am worse at it! At the end, I sat on my computer and started looking for an idea. Suddenly, I don't know why but one line said by Mark Zuckerberg hit me on my mind. Mark has once said during his speech at Harvard, "Facebook was not the first thing that I built... I also built games, chat systems, study tools and music players. I’m not alone. JK Rowling got rejected 12 times before publishing Harry Potter. Even Beyonce had to make hundreds of songs to get Halo. The greatest successes come from having the freedom to fail."

Well I know that's very motivating line... But I am not talking about that! Well, I know you got what I am talking about, but I need to explain this...

Did you notice, he said Music Players... Well, That's where the idea came from... Thank you Zuck! :)

So, first things first, I did what's every web dev's first step, that is to create a index.html file... Then it all started... Firstly I created the basic structure of the website in html then added some css in it...

Then after I was satisfied with the design { Well, that saisfaction is temporary... } I created script.js file and started with my javascript part for the project.

After a few google searches and a few video tutorials, I completed the player in 3 hours. Well, thanks to the gods of developers, w3schools, stackoverflow, geeksforgeeks, youtube, ...

Note: But, you should keep in mind that there's no program made which doesn't have bugs.

The most important part of a programmers life is debugging of code. That's where we spend most time staring at our code looking for a silly error that we committed.

Finally, managing with my studies and taking out some time for debugging, I guess today I completed it... Not today actually, I meant to say the day I uploaded this post. See on the top.

This is the final look of the music player:

If you want the code of the music player, then you are just one comment away...

Right now, I am not providing the code because i think as of now, no one other than me is reading this...

Please let me know in the comments below that you are reading this post...

Code Link: Github

This link might not work right now... :(

This is how the player looks like...

Okay Bye Bye!

See you...