Create Your Own Name Wishing Greeting Maker Web App

Update: Due To Your love And Support we are now in Processing of making an Advanced Version of this script with automatic Name Generated on The Image and Without Database Connection (Use Google Analytics For Analytics). Comment Your Email in Comments Section or Else Follow Our Facebook Page so that We Can Talk with you Directly

Have You Ever Seen The name wishing Website in the Link that You revived In Your Whatsapp Or Fb Messenger . loved it . What If I Can say you that today i am going to teach you today how to create your own site so lets starts like my every other article this will from beginner point of view so if have some knowledge you can skip to code in from this contents table

 

Introduction:(name wishing Web App)

These Are Mostly Popular These Days And Can Be Used When Mixed With Event Blogging Sites.These name wishing Will Increase The Revenue And Also Traffic To You Site And Did i said these are viral in nature.if you haven’t seen these then click here and here a list of these sites click here.

so lets start . these site require a domain and hosting and a php code if you really interested then you can have paid services for better performance so now lets start

Creating the site:

in this topic we are going to register a free domain and also we are going to obtain the free hosting platform as well as i will share the links to premium services

Registering Domain Name

Domain Name Is Noting But The Text That You Enter In The Web Address Bar  Ex atoztech.in is a domain.

Does It Required ? Yes We Need It Because We Cant Renumber Those I.P s

Registering With Freenom (Obtain Free Domain)

Freenom is a company based in Amsterdam, in the Netherlands Which Provides The Free Domain Names in The Tld Of .TK , .MK , .GA , .CF , .GQ. So Select Any one . My Preferd Choice Is .ml

Doest Like These Domain Get You Own ,com ,.in in Next Topic  Skip Here

Go To Freenom Website.and select a available domain name and Proceed to checkout page and click Continue .later  If you have a account then login to the dashboard other wise sing up and complete the order

Hurray !! You have got a free domain name now lets move to second stage Hosting

Do You Req Any Help Contact Us

Registering With The BigRock (Paid Domain)

Important Note : If you want a paid domain .com or ,in else follow this step . if have already a domain then skip it

Register your domain name before anyoneelse does

 

Registering With Hosting Partner

Restringing With Free Hosting

Free Hosting Often Comes to Limitations but these are great for doing experiments and creating tutrials and even for small websites.In this tutorial we are going to use the freehosting Services

Go to The Link And Login / Sign up

Registering With Paid Hosting

When you need more customisations and support them go for this paid hosting and there various paid hosting out of them the best is vapour host Cheap and Reliable and second one is hostripples (We Use it) Has various advanced plans

 

DNS Linking

DNS (Domain Name Server) It is the most important step . Dns server links the website url to corresponding ip of the hosting systems and ensure you revive correct data form that host as modern day shared hosting has a 1000s of websites running

 

Time For Coding

Also Check Our New Review About Top 5 Android Mobiles Below 15,000

In order to work this website name wishing Web App

For this Web App, you Need to create a Four Files

1 – index.php
2 – userwish.php
3 – db.php
4 – .htaccess

  • First Create a Database on your Webserver
  • After creating the Database run this SQL Query to create Tables for the Web App
CREATE TABLE event_wishes
(
 id INT NOT NULL AUTO_INCREMENT,
 title VARCHAR (500) NOT NULL UNIQUE, 
 str VARCHAR (500) NOT NULL UNIQUE,
PRIMARY KEY (ID)
);

 36

  • After creating Database Tables create Three files
  • index.php – Homepage
  • userwish.php – Greeting Page
  • db.php – For MYSQL Database Connection
  • Now Add this Below code on db.php File
<?php

        $dbhost = 'localhost';
    $dbuser = 'YOUR DB USER';
    $dbpass = 'YOUR DB PASS';
    $dbname = 'YOUR DB NAME';

    $con=mysqli_connect($dbhost, $dbuser, $dbpass,$dbname) //connect to the database server
    or die ("Could not connect to mysql because ".mysqli_error());

    mysqli_select_db($con,$dbname)  //select the database
    or die ("Could not select to mysql because ".mysqli_error());

    ?>

* Add your Database login credits and Save the db.php File * Add this Below code on index.php File

<?php

/*
Plugin Name: MSK Festival Wishes Web App
Plugin URI: https://www.allwebtuts.com/festival-wishes-web-app/
Description: Festival Wishes Web App - A PHP Plugin Which Helps us to Create an Awesome SEO Friendly Festival Event Wishing Web App with Custom Greeting Wishes Page.
Version: 1.1
Author: Santhosh veer
Author URI: https://www.mskian.com
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

include('db.php');

if(isset($_POST['create-wish']))
{

$title=mysqli_real_escape_string($con,$_POST["title"]);
$title=htmlentities($title);

//friendly URL conversion
function to_prety_url($str){
    if($str !== mb_convert_encoding( mb_convert_encoding($str, 'UTF-32', 'UTF-8'), 'UTF-8', 'UTF-32') )
        $str = mb_convert_encoding($str, 'UTF-8', mb_detect_encoding($str));
    $str = htmlentities($str, ENT_NOQUOTES, 'UTF-8');
    $str = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '\1', $str);
    $str = html_entity_decode($str, ENT_NOQUOTES, 'UTF-8');
    $str = preg_replace(array('`[^a-z0-9]`i','`[-]+`'), '-', $str);
    $str = strtolower( trim($str, '-') );
    return $str;
}
$str=to_prety_url($title);

// sql query for inserting data into database
$sql_query = "INSERT INTO event_wishes (title,str) VALUES ('$title','$str')";
$result_set=mysqli_query($con,$sql_query);

// Redirect to Greeting Page
//Replace http://localhost/$str with your Greeting WEB APP URL
header("Location: http://localhost/$str");
exit();

}

?>

<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebSite">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php $current_page = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
 echo '<link rel="canonical" href="'.$current_page.'" itemprop="url"/>'; ?>


<!-- Edit the Meta Tags Add your Own Meta Contents  -->
<!-- Seo Meta Tags -->
<title>Mskian Festival Wishes Web App</title>
<meta name="description" content="Create an Awesome Name Wishing Festival Web App."/>
<meta name="robots" content="index,follow">
<link href='YOUR FAVICON URL' rel='icon' type='image/x-icon'/>

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mskian Festival Wishes Web App" />
<meta name="twitter:description" content="Create an Awesome Name Wishing Festival Web App." />
<meta name="twitter:image" content="THUMBNAIL IMAGE FOR TWITTER SHARE" />
<meta name="twitter:site" content="@yourtwitterusername" />
<meta name="twitter:creator" content="@yourtwitterusername" />

<!-- Facebook Open Graph data -->
<meta property="og:title" content="Mskian Festival Wishes Web App" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="YOUR WEB APP URL" />
<meta property="og:image" content="THUMBNAIL IMAGE FOR FACEBOOK SHARE" />
<meta property="og:description" content="Create an Awesome Name Wishing Festival Web App." /> 
<meta property="og:site_name" content="YOUR SITE NAME" />
<meta property="fb:app_id" content="APP ID" />

<!-- Google+ Meta Tags. -->
<meta itemprop="name" content="Mskian Festival Wishes Web App">
<meta itemprop="description" content="Create an Awesome Name Wishing Festival Web App.">
<meta itemprop="image" content="THUMBNAIL IMAGE FOR GOOGLE+ SHARE">



<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>


<style type="text/css">
	body {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

h1{
    font-size: 2.3em;
    font-weight: 600;
    margin: 20px 0 10px 0;
    letter-spacing: -1px;
}


.login-form {
    margin: 0 auto !important;
    float: none;
    padding: 15px;
}

.login-form form.form-horizontal {
    padding: 10px 20px;
}

.bold{
    font-weight: 700;
}
</style>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<br />
<br />


<div class="col-md-6 col-lg-5 col-sm-8 center-block well login-form">
<h2 class="no-margin text-center">Create Greeting</h2>
<div class="clearfix">&nbsp;</div>
<form method="post" class="form-horizontal" data-parsley-validate>
<div class="form-group">
<input type="text" class="form-control" name="title" placeholder="Your Name" data-parsley-required="true">
 </div>
<div class="form-group">
<button type="submit" name="create-wish" class="btn btn-success btn-block btn-lg">Create Wish</button>
</div>
</form>
 </div>
</div>
<div class="clearfix">&nbsp;</div>



<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.5.1/parsley.min.js"></script>

</body>
</html>

* Find this Below on the index.php file * Replace it with your Web App URL

header("Location: http://localhost/$str");

* Add this below code on userwish.php File

<?php

include("db.php");

$str=mysqli_real_escape_string($con,$_GET["str"]);

//Get data's from the Table
if(isset($str))
{

    $sql_query="SELECT * FROM event_wishes WHERE str='$str'";
$result_set=mysqli_query($con,$sql_query) or die('error');
$user_wish=mysqli_fetch_array($result_set);
}
?>

<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebSite">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php $current_page = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
 echo '<link rel="canonical" href="'.$current_page.'" itemprop="url"/>'; ?>

<!-- Edit the Meta Tags Add your Own Meta Contents  -->
<!-- Seo Meta Tags -->
<title><?php echo $user_wish['title']; ?> Wishing your happy independence day</title>
<meta name="description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes."/>
<link href='YOUR FAVICON URL' rel='icon' type='image/x-icon'/>

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<?php echo $user_wish['title']; ?> Wishing your happy independence day" />
<meta name="twitter:description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes." />
<meta name="twitter:image" content="THUMBNAIL URL IMAGE FOR TWITTER SHARE" />
<meta name="twitter:site" content="@yourtwitterusername" />
<meta name="twitter:creator" content="@yourtwitterusername" />

<!-- Facebook Open Graph data -->
<meta property="og:title" content="<?php echo $user_wish['title']; ?> Wishing your happy independence day" />
<meta property="og:type" content="article"/>
<meta property="og:url" content="<?= "http://example.com".$_SERVER['REQUEST_URI']; ?>" />
<meta property="og:image" content="THUMBNAIL IMAGE URL FOR FACEBOOK SHARE" />
<meta property="og:description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes." /> 
<meta property="og:site_name" content="YOUR SITE NAME" />
<meta property="fb:app_id" content="APP ID" />
<meta content='YOUR FACEBOOK PROFILE URL' property='article:author'/>
<meta property="article:publisher" content="YOUR FACEBOOK PAGE URL" />

<!-- Google+ Meta Tags. -->
<meta itemprop="name" content="<?php echo $user_wish['title']; ?> Wishing your happy independence day">
<meta itemprop="description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes.">
<meta itemprop="image" content="THUMBNAIL IMAGE URL FOR GOOGLE+ SHARE">


<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>


<style type="text/css">
	body {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

h1{
    font-size: 2.3em;
    font-weight: 600;
    margin: 20px 0 10px 0;
    letter-spacing: -1px;
}


.login-form {
    margin: 0 auto !important;
    float: none;
    padding: 15px;
}

.login-form form.form-horizontal {
    padding: 10px 20px;
}

.bold{
    font-weight: 700;
}
</style>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<br />
<br />


<h2 class="no-margin text-center">Hello <?php echo $user_wish['title']; ?> Wishing you a happy independence day :-) </h2>
<br />



<div class="col-md-6 col-lg-5 col-sm-8 center-block well login-form">
<h2 class="no-margin text-center">Create Your Own Greeting Wish Like this</h2>
<div class="clearfix">&nbsp;</div>
<form method="post" action="index.php" class="form-horizontal" data-parsley-validate>
<div class="form-group">
<input type="text" class="form-control" name="title" placeholder="Your Name" data-parsley-required="true">
 </div>
<div class="form-group">
<button type="submit" name="create-wish" class="btn btn-success btn-block btn-lg">Create Wish</button>
</div>
</form>
</div>
</div>
<div class="clearfix">&nbsp;</div>



<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.5.1/parsley.min.js"></script>

</body>
</html>
  • Now Find this Below line on userwish.php

<form method="post" action=index.php class="form-horizontal" data-parsley-validate>

  • Replace index.php With your Festival Wishes Web App Homepage URL
  • Add this Rule on HTACCESS File for SEO Friendly URL
    RewriteEngine On
    RewriteRule ^([a-zA-Z0-9_-]+)$ userwish.php?str=$1
  • That’s all successfully we created a name wishing Festival Wishing Web App

 

This Was Original Posted On HBB

 

Download this Script Click Here

If You Have Any Doubt Them Msg Admin@atoztech.in or Else Visit Our Fb Page

 

12 thoughts on “Create Your Own Name Wishing Greeting Maker Web App

    1. Yes,I Just Copied The Script and added the additional info at the starting but i have clearly indicated below that this post is for HBB .. so coming to your query you have to upload them in Server directory like public html . use can use the file manager in cpannel or else use filezilla software we do recomend you to test this script on your computer and make changes as per you plan and then upload it to server
      As this helps you a lot in designing the site

Leave a Reply

Your email address will not be published. Required fields are marked *