Initials HTML Made Easy

Initial image

hello friends in this video tutorial we will learn how to make initial register user alt our image from username in PHP dynamically initial alta image means if we have used Google then in that google if we have set our profile image then at that time Google has display initial profile image which has been made from our name first character so this type of feature we have made in this tutorial in previous tutorial we have make PHP registration and login system using OTP authentication now in that tutorial we have add one more feature like how can we make initial of the image of registered user by using PHP script now let's start discussing this topic so this is our testing database and here we have registered user table in this table we have add one user of thar table column for store user of the image name after this we have go to our working folder in this folder we have made to folder with name like alta and font in Alta folder we will store user initial alt our image and in font folder we have store font file in this working folder we have make one function dot PHP new file and in this file we have create one function with name make Alta with parameter like dollar character variable this function will make dynamic user of tar image from this dynamic dollar character variable this variable value will be any alphabet under this function we have write dollar path variable is equal to folder name of tar slash PHP time function with dot PNG image extension so here we have defined base image with dynamic name below this we have right dollar image variable is equal to image create function with two parameter in first parameter width we have write 200 and in second parameter height we have write 200 next we have right dollar read variable is equal to PHP random function two parameter like zero and 250 number so this code will generate random number between this two range same way we have right dollar green variable is equal to PHP random function with range like zero and 255 after this we have right dollar blue variable is equal to PHP random function with range like zero and 255 so this three line of code will generate random RGB number for image background now we have want to define background color by using this image color allocate function with four parameter in first parameter we have write dollar image variable which is image source and other three parameter is the value of RGB color which has been get from dollar red green and blue variable value after this we have right dollar text color variable is equal to image color allocate function with four parameter in first parameter we have right dollar image variable which is source of image and other four parameter is the value of RGB color and here we have used white color this function will display text on string now we want to print text on image so here we have right image DTF text function with eight parameter in first parameter image source we have right dollar image variable in second font size parameter we have right hundred in third angle parameter we have right 0 in fourth x-axis parameter we have right 55 in fifth y-axis parameter we have right hundred fifty in sixth text color parameter we have right dollar text color variable in seventh font path parameter we have right font variable /r l dot T TF and in last string parameter we have write dollar character variable so this code will display text on image next we want to define header content type for this here we have right header function with content type set to image PNG after this we want to define image type for this here we have write image PNG function with parameter in first parameter we have write dollar image and in second parameter we have write dollar box variable this code will make PNG image a defined path lastly we want to destroy an image from cache for this here we have right image destroy a function with dollar image variable this function will remove source image from cache next we have Wright's return statement with dollar box variable it will return the dynamic of the image path which is output of this function so here our function is ready for make dynamic user alt our image now we have go to user registration code which is right in index dot PHP file so we have go to index dot PHP file first we have write include function with function dot PHP file by using this statement we can call the method of this function dot PHP after this we have go to this block of code and this block of code will execute only after user successfully register in our system and here we have right Dola user of the variable is equal to make alpha function and under this function we have right string to upper function this function will convert text to uppercase and under this function we have right dollar username variable with zero index it will return first character from username and this whole code will make register user initial alt our image and part of image store under this dollar user of tower variable we want to update this user of the image part in register user table for this here we have right dollar query variable is equal to update register user table set user of thar table column is equal to dollar user of thar variable where register user ID is equal to dollar connect with last insert ID function this function will return last register user ID and this query will update last inserted user data with alt our image path now we have go to dollar statement variable is equal to dollar connect variable with prepare method and under this we have write dollar query variable it will prepare query for execution process and for above query execution we have write dollar statement variable with execute method this method will execute above update query and it will update register user data with initial user of thar image now we want to display initial after our image after user has login into system for this we have go to home dot PHP file and here we have right include statement with function dot PHP file by using this statement we can use the method of this function dot PHP file this is home dot PHP page and content of this page user cannot see without login into system so after login into system user will redirect to this page and here we want to display user initial of the image for this here we have right get user of the function with two parameter like dollar session user ID variable and dollar connect variable this function with display user of tower image first we have go to function dot PHP file and here we have make get user of that function with two parameter like dollar user ID variable and dollar connect variable under this function we have right dollar query variable is equal to select user Alta from register user table where register user ID is equal to dollar user ID variable this query will return particular user after image path from register user table below this we have right dollar statement variable is equal to dollar Connect variable with preparer method with parameter like dollar query variable after this we have right dollar statement variable-width execute method this method will execute above query next we want to get query execution result so here we have write dollar result variable is equal to dollar statement variable with fetch all method for fetch data from dollar result variable here we have right for each loop and under condition we have right dollar result variable as dollar row variable under this loop we have right echo statement with image tag with source attribute is equal to dollar row user alt are variable it will display login user alt our image now we have go to home dot PHP file and below this user profile image we want to display login username for this here we have write echo statement with dollar session user name variable and below this username we want to display logout link so here we have write and curl tag with RF is equal to logout dot PHP with anchor text log out so when user has clicked on this link then user will redirect to login page so here our code is ready now we have checked output in browser friends here we can see that when page has been load in browser then on web page we can see register form on web page so first we have filled this register form details one by one with username John Smith and fill other details once register form details has been filled now we have click on register button after click on register button then it has asked for enter OTP number so we have go-to email inbox and here we can see that OTP number has been received so we have copied this number after this here we have based that OTP number and click on button after click on button then here on web page we can see success message and it has display login page so here we have enter email address and click on Next button after this it has asked for enter password details and click on Next button after this it has asked for enter OTP number so for this we have go to email INBOX and here we can see ODB number has been received so we have copied this number go to login page and here we have based a teepee number and click on next button so here we have login into system here on web page sidebar we can see user initial alt our image with alphabet J this is because J alphabet is the first character of username so this way we can make user initial alt our image after register into system so friends in this video tutorial we have learn how to make initial alt our image after user has register into system by using PHP script next we will learn how user can change password details by using OTP number verification if you have any query or input regarding this part please comment your query or input in comment box or if you liked this video tutorial please share with your friends or even you can also share on social media also