Laravel 5.2 PHP Build a social network – Signup & Login Screen
![*](https://i0.wp.com/allprowebdesigns.com/wp-content/uploads/2023/12/1703194029_maxresdefault.jpg?resize=840%2C430&ssl=1)
Video Title: Laravel 5.2 PHP Build a social network – Signup & Login Screen
Hey back so in the last video we were mainly talking about the folder structure and what laravel is so if this is the first video where we are tuning in you’re welcome we altered a short glimpse at fuse level and at the blade templating engine so if you’re not familiar with that you
Probably might want to watch the last minutes of the previous video otherwise we’ll continue from here so as a sad we’ll build an application where we’ll be able to log in or to sign up then to log in to see posts of our people to like and dislike those posts and two
Great posts ourselves we might throw in some mailing later but that’s the core functionality and even though you might think okay that that sounds not too difficult it has quite a lot of components which well you have to do right authentication database access those are two very difficult topics in a
Way that you can mess up things there and they tend to influence the security of your overall application on the other hand and then there are parts that you will encounter in a lot of client project and therefore it’s good if you’re able to do them right
So in our application where we will start this video is we’ll build that sign up and sign-in screen so that should we like to welcome view we currently have just with let’s say a sign-up form and next with the sign-in form as I said I don’t have that readily
Prepared a number window so I’m kind of coming up with the design and so as we speak and I think that’s something cool and as this video isn’t about design and don’t worry there will be lot of design and CSI videos coming up on this channel I’m
Just going to throw in the bootstrap CSS framework so that I’ve got something to work with and we can focus on laravel um so let me just grab that so now in a bootstrap site and I’m just clicking here on download bootstrap and that very first link is currently all I need
I’ll just copy that and I go to my master and in the Hat section below my trial in this case here I’ll just copy it in and now this link will be available in all the pages which inherit from that master layout so let me save
That and in my work a few as a sad I want to have two columns um with format each of those columns and additionally now that I think of it we also need a header which on our starting page won’t hold any items because well we can
Navigate anywhere we have to first sign up or sign in but in the later stages of the app that haver will actually allow us to create a post to maybe see all our posts and to see all posts in the timeline so therefore let me create that
Header first and I’ll create a include folder here include includes and the name is purely up to me or up to you in this folder I’ll store files which will be included or can be included by me by our views or by for example our master
Layout which the end just is a normal fear normal PHP file here so I will create a header plate or PHP file and again the dot blade dot PHP is very important otherwise you won’t be able to use it in conjunction with the blade templating engine and inside this file
I’ll now just yeah I’ll just go to bootstrap again because I want that to be very simple I’ll just grab their navigation bar over here which is crowded with with stuff I won’t need but I’ll get rid of that in a second and just toss in some header tags before I
Copy all of that in and now let’s see the brand okay that can stay but I don’t need that unordered list here I don’t search form and I don’t need that unordered list so I got rid of all the menus and if we now reload we don’t see
Anything because here we created a header but we’re not including it yet so let me go to my master layout here and write a plastic container in the body section I’ll add an hour template expression the add include expression and in quotation marks I specify the path to the file which should be
Included in this case it’s Nick includes directory then dot to access the directory and then the header file again without light dot PHP at the end so I now included that header and if we reload yeah we now see that header great so we got that back to my welcome whew
As I said I went to two columns so first create a row because we’re here in the bootstrap framework and then I will create a column with ruler which should be half the size of the screen so six column six because we have a twelve column grid in bootstrap and I’ll just
Like of it later because first I’ll create my form here with a method of post and this might be the signup form so what I’ll have here is first a form group which is a bootstrap class to take care about the alignment and so on of my
Form elements for my inputs in this form group I’ll have a label and the first field will be my email address so I’ll just write your email and then I’ll have an input field with a name of email and an ID of email and I’ll and I oh that’s important almost got it
I’ll need to add the form control class for bootstrap so that all looks nice now let me copy that to time because this time instead of mail I’ll have my a let’s say my first name because we’re in the signup area here and yeah let’s
Say we don’t care about a second name to keep that lien but we want to know the first name so that’s fine and here we want the user to enter a password so just replace email with password here and I’ll also replace the type of text to password so that the characters are
Hidden now I also need a button so let me just create one button submit of type submit and this will get a class button button primary so that should be that blue button this blue bootstrap button you see and half the websites out there now let me copy that whole column here
And this will be our sign-in form so I don’t need the first name here but the rest will be the same what I also want to do is I want to add a little heading to tell the user it’s just what the forms are meant for so sign in and sign
Up let me reload yeah why are they not appearing next to each other home 6 because that is not valid bootstrap syntax I have to specify the device width or size so I’ll target medium-size devices and all devices which are smaller than medium sized which if I remember correctly our tablets and
Mobile phones in the bootstrap framework here will show that those two forms not next to each other but beneath each other so now we now we get a few I want and if we like bring in the inspection area here and if I resize this window you can see once your
Getting to this break point here at 992 pixels it seems then this form breaks and it is stacked a stack view here so now we got the form ready for us to enter some data and yeah obviously you could do much more to look at pretty but
The video is not about styling ordered series it’s not about styling so I think that’s fine and we we added that our our first few so we did that now in the next video I will actually get a little bit deeper in tolerable and not just do all
That front and stuff which yes part of level the plate templating engine is part of lateral but in the end were running a server-side code here server-side framework so we will have a little bit more than just styling some HTML files right see you next video why
-
Sale!
Wireless WIFI Repeater Extender Amplifier Booster 300Mbps
$29.99$14.99 Add to cartWireless WIFI Repeater Extender Amplifier Booster 300Mbps
Categories: Electronics, Wi-Fi Router, Wireless Wi-Fi Extender Tags: 300Mbps, 802.11N, Amplifier, Booster, Extender, mobile wi-fi booster, Remote, WIFI, Wireless, Wireless WIFI, Wireless WIFI Repeater, Wireless WIFI Repeater Extender, Wireless WIFI Repeater Extender Amplifier, Wireless WIFI Repeater Extender Amplifier Booster, Wireless WIFI Repeater Extender Amplifier Booster 300Mbps$29.99$14.99 -
Sale!
Full RGB Light Design Gaming Headset Headphones with Mic
$24.99$14.99 Add to cartFull RGB Light Design Gaming Headset Headphones with Mic
Categories: Electronics, Gaming, Gaming Headsets Tags: Design, Full, Full RGB Light Design Gaming Headset, Full RGB Light Design Gaming Headset Headphones, Full RGB Light Design Gaming Headset Headphones with Mic, Gamer, Gaming, Gaming Headset Headphones, gaming headset wireless, Headphone, Headphones, Headset, Light, Mic, Package, RGB$24.99$14.99 -
Sale!
Wireless BlueTooth Multi-Device Keyboard Mouse Combo
$39.99$19.99 Add to cartWireless BlueTooth Multi-Device Keyboard Mouse Combo
Categories: Electronics, Gaming, Gaming Keyboards, Keyboard Mouse Combos Tags: Combo, Keyboard, keyboard mouse combos, Mouse, MultiDevice, Set, WireKeyboard Mouse Combo, Wireless, Wireless BlueTooth Keyboard Mouse Combo, Wireless BlueTooth Keyboard Mouse Combos, Wireless BlueTooth Multi-Device Keyboard Mouse Combo, Wireless BlueTooth Multi-Device Keyboard Mouse Combos$39.99$19.99 -
Sale!
High Back Leather Executive Adjustable Swivel Gaming Chair with Headrest and Lumbar
$199.99$139.99 Add to cartHigh Back Leather Executive Adjustable Swivel Gaming Chair with Headrest and Lumbar
Categories: Gaming, Gaming Chairs Tags: Adjustable, Chair, computer chairs, Desk, Executive, Gaming, Girl, Headrest, High, High Back Leather Executive Adjustable Swivel Gaming Chair, High Back Leather Executive Adjustable Swivel Gaming Chair with Headrest, High Back Leather Executive Adjustable Swivel Gaming Chair with Headrest and Lumbar, High Back Leather Executive Adjustable Swivel Gaming Chairs, Leather, Lumbar, Office, Racing, Swivel$199.99$139.99 -
Sale!
Professional LED Light Wired Gaming Headphones with Noise Cancelling Microphone
$29.99$19.99 Select optionsProfessional LED Light Wired Gaming Headphones with Noise Cancelling Microphone
SKU: N/A Categories: Electronics, Gaming, Gaming Headsets Tags: Cancelling, Gaming, Gaming Headphones with Noise Cancelling Microphone, gaming headset, Headphones, Headset, LED, Light, Mic, Microphone, Noise, Professional, Professional LED Light Wired Gaming Headphones, Professional LED Light Wired Gaming Headphones with Noise Cancelling Microphone, Wired, Wired Gaming Headphones, Wired Gaming Headphones with Noise Cancelling Microphone$29.99$19.99 -
Sale!
Gaming Desk with LED Lights USB Power Outlets and Charging Ports
$349.99$249.99 Select optionsGaming Desk with LED Lights USB Power Outlets and Charging Ports
SKU: N/A Categories: Computer Desk, Gaming, Gaming Desk Tags: and Charging Ports, Charging, Desk, Desks, Gaming, gaming desk with led lights, Gaming Desks with LED Lights, Home, LED, Lights, Monitor, Office, Outlets, Port, Power, Room, Stand, USB, USB Power Outlets, White, Workstation$349.99$249.99 -
Sale!
Wired Mixed Backlit Anti-Ghosting Gaming Keyboard
$99.99$79.99 Add to cartWired Mixed Backlit Anti-Ghosting Gaming Keyboard
Categories: Electronics, Gaming, Gaming Keyboards Tags: Antighosting, Backlit, Blue, brown, Gaming, Gaming Keyboard, gaming keyboards, gaming keyboards and mouse, Keyboard, Laptop, Switch, Wired, Wired Mixed Backlit Anti-Ghosting Gaming Keyboard, Wired Mixed Backlit Anti-Ghosting Gaming Keyboards, Wired Mixed Backlit Gaming Keyboard$99.99$79.99 -
Sale!
Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset
$119.99$59.99 Add to cartWireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset
Categories: Electronics, Gaming, Gaming Headsets Tags: 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset, ANC, Audio, Bluetooth, Cancellation, Ear, Earphone, gaming headset, Headphones, Headset, Hi-Res Over the Ear Headphones Headset, HiRes, Noise, Wireless, Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Headphones, Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headset, Wireless Bluetooth 5.3 ANC Noise Cancellation Hi-Res Over the Ear Headphones Headsets$119.99$59.99 -
Sale!
Wired Sports Gaming Headset Earbuds with Microphone
$19.99$9.99 Select optionsWired Sports Gaming Headset Earbuds with Microphone
SKU: N/A Categories: Gaming, Gaming Headsets Tags: Accessories, Earbud, Earphone, Earphones, Gaming, gaming headset with microphone, Headphones, Headset, IOS, Microphone, Sports, Wired, Wired Sports Gaming Headset Earbuds, Wired Sports Gaming Headset Earbuds with Microphone, Wired Sports Headset Earbuds$19.99$9.99 -
Sale!
150W Universal Multi USB Fast Charger 16 Port MAX Charging Station
$49.99$29.99 Add to cart150W Universal Multi USB Fast Charger 16 Port MAX Charging Station
Categories: Charging Stations, Electronics Tags: 150W, 150W Charging Station, 150W Universal Multi USB Charging Station, 150W Universal Multi USB Fast Charger 16 Port MAX Charging Station, 150W Universal Multi USB Fast Charger 16 Port MAX Charging Stations, 150W Universal Multi USB MAX Charging Station, 16 Port MAX Charging Station, 3.5A, Charger, Charging, Fast, laptop charging stations, Max, Multi, Port, Stand, Station, Universal, USB$49.99$29.99
I tried following the link to Udemy Max, but it is saying that the course is no longer available? A real shame, I would have purchased for sure. I am assuming you removed it due to the frequent Laravel updates? Do you have any plans to make a new Laravel course in the future? Its an awesome framework after all.
sir i was very very impressed way u teach and also would like to thank u
and also want to know if you have made any tutorial on laravel with restful API using postman .
one suggestion , while signing up, you should create an input for the user to repeat his/her password, because for sign up , I think that is kind of must, someone could type just a wrong password unintentionally that may be then difficult to recover
How do you choose the same text as selected? 6:36
hey where is your laravel tutorials
doesn't laravel contain bootstrap?
This light theme is killing my eyes bro
Can I create a social website by also importing other frameworks like react or angular with Laravel
Türkçe anlataydın iyiydi
bootstrap didnt work for me :S
Man you have to work a lot on the presentation, no offence but you'd put asleep any guy full of amphetamine up to his ears.
sir which IDE you used
Hello. My framework version is 5.4. I have added the link of bootstrap. But my view is not showing properly!!! can anyone help
Great videos! I encountered an issue, the grid is working properly. However, the form is not centered as yours is, instead its all the way to the left without margin. Help please
Nice tutorial ! Really helping. I have a question, what compiler are you using in this tutorial? It looks like Android Studio 😂
Hi, thank you so much sir, I learnt a lot from you! if may I ask, may I know what you used to record this video? it is really very flexible and powerful.
You are a real man, I salute
I see a lot of your videos , all I can say is , they're Very well explained , and well organized 🙂
many thank's , keep up the good work 🙂
main ()
printf("i love u");
<script>
alert("i love u");
</script>
<?php
echo "i love u";
?>
system.out.println.('i love u');
ich wusste nicht dass du deutscher bist 😀 auf jeden Fall geile videos ich hab viel von dir gelernt ! mach weiter so !
great videos man, salute !
Is Laravel necessary?
Great work sir it help me alot thank u!!
thank you sir
Hey, again. Loving these videos. One thought. I am able to follow along wonderfully well and get my app up and running, but I am not sure exactly what is going on. In other words, I am not picking up as much on the WHY. It would be helpful if you maybe provided a flow chart or a more clear explanation for those completely new to the MVC setup or frameworks like Laravel. In other words, after watching the tutorial, I would not be close to being able to take what I learned and create a different version of it just because I don't understand why I am doing what I am doing as well as I would like to. I know these tutorials are a beat down and I am probably asking too much, but just wanted to provide some constructive feedback. Thanks again for the great work!
Hi, there these look great just what I need. What editor is that you are using?
my home page looks weird (welcome) the sign in up form looks good but there is no space on the sides why ?? they too all the screen does it change with screen size ? i used col-md-6 too
FatalErrorException in UserController.php line 13:
syntax error, unexpected 'email' (T_STRING)
<?php
namespace AppHttpControllers;
use IlluminateHttpRequest;
class UserController extends Controller{
public function postSignUp(Request $request)
{
$email= $request['email'];
$first_name= $request['first_name'];
$password= bcrypt($request['password']);
$user= new User()
$user-> email = $email;
$user-> first_name=$first_name;
$user-> password=$password;
$user-> save();
return redirect()->back();
}
public function postSignIn(Request $request)
{
}
}
Tolle arbeit.
Thank you very much for these tutorials!
Instead of creating the rows and forms in master.blade.php can we create a second file in 'includes' folder, let's call it form.blade.php, create the rows there and then do exactly what we did with the header navbar?
this is strange , in welcome page , i got @yeild('title') and @yeild('content') … not the text inside them !!
Hey, what IDE do you use ?:) Thanks!
Anuj@Anuj-PC MINGW64 /c/wamp/www/demoProject
$ php artisan make:model User -m
←[32mModel created successfully.←[39m
←[37;41m
←[39;49m
←[37;41m [ErrorException]
←[39;49m
←[37;41m include(C:wampwwwdemoProject/database/migrations/2014_10_12_000000_create_users_table
php): ←[39;49m
←[37;41m failed to open stream: No such file or directory
←[39;49m
←[37;41m
←[39;49m
could u help me out with this??
thank you
I have followed your steps. But I am unable to load the form (Sign In & Sign Up) on my webpage. I have checked the code a number of times, but I am not sure what the problem is.
The Header has been shown, and rest of the form is totally blank. Will you please help me in this regard?