{"id":18820,"date":"2020-09-18T13:08:30","date_gmt":"2020-09-18T13:08:30","guid":{"rendered":"http:\/\/www.devopsschool.com\/blog\/?p=18820"},"modified":"2022-04-13T15:58:33","modified_gmt":"2022-04-13T15:58:33","slug":"how-to-create-login-and-register-forms-popups-in-laravel-using-bootstrap-modals","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/how-to-create-login-and-register-forms-popups-in-laravel-using-bootstrap-modals\/","title":{"rendered":"How to create Login and Register Forms Popup in Laravel using Bootstrap Modals?"},"content":{"rendered":"\n<p>In this blog, I am going to explain how to create a login &amp; register popup form in Laravel? So, before creating a Project like below- In this blog, Project Name &#8220;<strong>Model_form<\/strong>&#8221; but you can change as you want to create<\/p>\n\n\n\n<p><strong>&#8220;$ composer create-project &#8211;prefer-dist laravel\/laravel Model_form&#8221;<\/strong><\/p>\n\n\n\n<p><strong>&#8220;$ cd Model_form&#8221;<\/strong><\/p>\n\n\n\n<p><strong>&#8220;$ php artisan make:auth&#8221;<\/strong><\/p>\n\n\n\n<p><strong>&#8220;$ composer require laravel\/ui&#8221;<\/strong><\/p>\n\n\n\n<p><strong>&#8220;$ php artisan serve&#8221;<\/strong><\/p>\n\n\n\n<p>For after this step open your project in editor and let\u2019s create this file: <strong>resources\/views\/partials\/login.blade.php<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/2425e54fc57af8907a97ec5e7ee7042f.js\"><\/script>\n\n\n\n<p>This is almost default <strong>resources\/views\/auth\/login.blade.php<\/strong> file.<\/p>\n\n\n\n<p>After that create this file <strong><strong>resources\/views\/partials\/register.blade.php<\/strong><\/strong> and paste below code<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/edc45e2db8059720089fccb90932b7ba.js\"><\/script>\n\n\n\n<p>This is also almost default like  <strong><strong>resources\/views\/auth\/<strong><strong>register<\/strong><\/strong>.blade.php<\/strong><\/strong><\/p>\n\n\n\n<p>After that open this file <strong>resources\/views\/layouts\/app.blade.php<\/strong> we make this change in login section like below.<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/70db6841b583a0502f769bab630c9683.js\"><\/script>\n\n\n\n<p>After that open this file <strong>resources\/views\/welcome.blade.php<\/strong> and change below like<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/1249aa021f25e08ef71c96d110703a44.js\"><\/script>\n\n\n\n<p>And open this file <strong>resources\/views\/home.blade.php<\/strong> and change like belo<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/f6b4b15ec9012aa4a903c7cd2a2e8ade.js\"><\/script>\n\n\n\n<p>After that your popup forms are ready like below.<\/p>\n\n\n<div class=\"epyt-gallery\" data-currpage=\"1\" id=\"epyt_gallery_82187\"><iframe loading=\"lazy\"  id=\"_ytid_88924\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  data-epytgalleryid=\"epyt_gallery_82187\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><div class=\"epyt-gallery-list\"><div>Sorry, there was a YouTube error.<\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>In this blog, I am going to explain how to create a login &amp; register popup form in Laravel? So, before creating a Project like below- In this blog, Project&#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5201],"tags":[],"class_list":["post-18820","post","type-post","status-publish","format-standard","hentry","category-laravel"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/18820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=18820"}],"version-history":[{"count":6,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/18820\/revisions"}],"predecessor-version":[{"id":24527,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/18820\/revisions\/24527"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=18820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=18820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=18820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}