What are the possible project topics for computer science student?

if you ask What are the possible project topics for computer science student most of them suggest Attendance Management System,Library Management System, Hospital Management System etc .When you took any of this topics and search in google you will get ready made code so it is easy for you just download and submit.if you are doing your computer science course for getting challenging job means you should not do this,compared to other technology information technology is the only technology improving in each seconds.so in your project what topics you are using is nothing but what technology is important.

My personal suggestion Whatever topics you are going to choosing is nothing but what technology your going to use is important.I think next generation technology is for AI (Artificial intelligence) ,so machine learning has better role in it. better try to use language like python ,or any ML languages for developing your project. Millions of job opening are coming for machine learning experts. if you are interested in User Interface,better to include Node.js or AngularJS in your projects.

always choose simple topics but don’t forget to use modern technology to build the projects,if you need any help don’t hesitate contact me.Better luck for your future.

animated effect in search box button from right to left

CSS is most popular nowadays, day by days css is coming up with new features. To add an animated search box button that start effect from right to left open

First add search your form

 <form><input name="search" type="text" placeholder="Search ?" /></form>

include Style

 <style> 
input[type=text] {
 width: 130px;
 box-sizing: border-box;
 border: 2px solid #ccc;
 border-radius: 4px;
 font-size: 16px;
 background-color: white;
 background-image: url('searchicon.png');
 background-position: 10px 10px; 
 background-repeat: no-repeat;
 padding: 12px 20px 12px 40px;
 -webkit-transition: width 0.4s ease-in-out;
 transition: width 0.4s ease-in-out;
 margin: 0 0 0 auto;
float:right;
}
#input:focus {
 width: 100%;
}
input[type=text]:focus {
 width: 100%;
}
</style>

See Demo

Right to left

Left to Right

where to add site logo and site description for displaying in whatsapp share and social media share?

To display website Title in social media share
you have to add below meta insidetag

 <meta property="og:description" content="Display Site Title for sharing in social media" />

To display website description in social media share
you have to add below meta insidetag

<meta property="og:description" content="Display Site Title for sharing in social media" />

To display website logo in social media share
you have to add below meta inside <head> tag

 use png image only

 <meta property="og:image" content="http://www.tutorialshore.com/wp-content/uploads/2018/08/tutorialshore-1.png" />

See Full code

 <head>
<meta property="og:image" content="http://www.tutorialshore.com/wp-content/uploads/2018/08/tutorialshore-1.png" />
<meta property="og:title" content="social media Share" />
<meta property="og:description" content="where to add Site logo and site description for displaying whats app and social media" />