Laravel - Develop a Directory Listing Website From Scratch

Set up your local Laravel environment by installing VS Code and Laracon, then install essential Laravel extensions, PHP IntelliSense, and code formatting tools to streamline development.

Configure VS Code settings to autosave after delay, adjust font size, and add custom JSON paths for PHP, Artisan, and Git to enable a Laravel development environment.

Replace the default VSCode terminal with Largen's Cmdr by configuring settings.json and reloading. Verify with version commands and install a Dark Pro theme plus the material icon theme.

Install a fresh Laravel project with the Laravel Installer and Breeze, use Blade for authentication, then initialize git and configure MySQL to serve login and registration pages.

Create a fresh database named listing and set .env for a root user with no password. Install the Laravel helper and generate the id helper to boost VS Code autocomplete.

Implement a multi authentication system with Laravel Breeze, add avatar and user_type columns to the users table with a default avatar and enum values user and admin.

Learn to add a default user seeder in Laravel, creating a superadmin and a regular user with hashed passwords, so admins can log in and users can register.

Create a separate admin login with Laravel Breeze, using an admin auth controller and login view, plus an admin dashboard route and view; prepare middleware for admin and user redirects.

Learn to implement multi auth in Laravel by creating admin views and controllers and protecting admin and user routes with a custom middleware that checks user type.

Implement redirect logic to direct admins to admin dashboard and regular users to user dashboard after login, using a role check in the authenticated session controller.

Create a dedicated admin.php route file, register it in RouteServiceProvider, and group admin routes with auth and admin middleware under an admin url and name prefix.

Set up a dedicated admin forgot password page in a Laravel Breeze multi-auth system, using the same default recovery logic while swapping in an admin-specific view and routes.

Get an overview of Tesla admin template, built with bootstrap, including the dashboard and chat box with real-time messaging, and plan to tailor it for the Laravel directory listing project.

Master an admin template in a Laravel project by integrating the template, migrating assets, and creating a master blade layout; wire CSS and JavaScript correctly and plan reusable global components.

Master the admin template by separating the sidebar and top bar into a dedicated file, then extend the master blade and yield the dashboard content while removing unused sections.

Streamline the Laravel admin template by removing unused CSS and JavaScript, and replace the login with a custom admin login page using dynamic asset links.

Develop a dynamic Laravel admin login template, with post route and csrf protection, dynamic email and password inputs, forgot password handling, remember me, and validation messages.

Learn to customize the admin forgot password template in a Laravel Breeze setup by replacing the default page, updating the login and forgot password forms, routes, and session status alerts.

Implement a dynamic admin logout feature in a Laravel Breeze dashboard by embedding a logout form in the navigation and ensuring proper redirection after logout.

Explore the frontend template setup, including the template source with css, images, js, and web fonts, plus the home page hero, search, category slider, and dynamic listings from the backend.

Integrate the frontend template into a Laravel project by creating a frontend controller, routing the root to a master blade layout, and moving assets to public/frontend with the asset helper.

Master frontend setup by turning the header and footer into reusable blade components, creating a master layout, and rendering dynamic content with yield and section in Laravel.

Modularize the homepage by moving each section into its own file under a sections folder and include them in the frontend template for easier maintenance.

Develop and implement admin profile update features in a Laravel app by creating a profile controller, routes, and blade view, and updating migrations and front-end forms.

Extend the user table with migration columns for avatar, banner, phone, address, website, about, and social links, and update the profile page with these input fields.

Develop an admin profile page in Laravel by adding avatar and banner fields from migrations, and implement a jQuery image upload preview with asset initialization.

The lecture demonstrates adding the remaining admin profile fields in a Laravel app—avatar, banner, name, email, phone, address, about, and social links—and marks required fields for future form handling.

Implement profile update validation in a laravel admin panel by creating a profile update request, wiring a put route, and handling redirects after validation.

learn to display validation errors in a laravel directory listing app using a toaster package and its js version, integrating blade logic and looping errors to show toaster notifications.

Validate and process admin profile form data, upload images via a reusable trait, store image paths, and delete old images during updates.

Add update feature for admin profiles in Laravel by integrating a file upload trait, invoking upload image to store avatar and banner paths, and updating the current user record.

Finish admin profile update by displaying dynamic avatar and banner images in the background, and preserve images when no new uploads are made using hidden old avatar and banner fields.

Enable admin profile updates by swapping avatar and banner images, deleting old files while ignoring default placeholders, and showing a success toaster.

Implement an admin password update feature with a two-field form (password and confirm password), server validation, route and controller method, and updating the user's hashed password with feedback.

Master the frontend user dashboard in a Laravel app by building a dynamic profile update flow and a custom design, with an auth-protected route and reusable sidebar.

Create and customize a Laravel profile page by extracting a dashboard section into a dedicated profile view, wiring routes and a controller, and updating the dashboard sidebar.

Develop and refine a profile update form for user data, social links, and images, wire it to a Laravel route and controller, and implement a profile update request for validation.

Implement frontend profile update validation mirroring admin validation, integrate toaster notifications for errors, and dynamically display user data while updating and saving profile information in Laravel.

learn to implement a three-field password update in a Laravel app, with current password, new password, and password confirmation, plus built-in validation and a profile password update route and controller.

Implement the logout feature in the frontend dashboard by integrating the Breeze logout form into the sidebar, using an onClick to submit the form and redirect to the index page.

Replace the default Laravel Breeze login page with a custom front-end design. Extend the master blade and wire the login form to its route, including forgot password and register links.

Extend the master layout to create a dynamic register page, wiring a post form to the register route with name, email, and password fields, using old input and required attributes.

Master the forget password page by replacing the default design, updating the blade templates, breadcrumb, and form with a streamlined email reset flow, and testing via mail trap.

Explore building and styling a Laravel reset password page, implement email reset links, and provide a form with email, password, and confirm password fields, plus a success toast after reset.

Set up the backend for the hero section with a hero controller, model, and migration, plus admin/hero route and an index view to render dynamic background, title, and subtitle.

Create a form to update the hero section in a Laravel app, outlining migration columns for image, title, and subtitle, and integrate an image upload for the update feature.

Implement an update form in Laravel using update or create to manage a single hero row, with validation, image upload handling, and redirect feedback.

Finish the hero section update by implementing update or create logic for background, title, and subtitle with dynamic, null-safe inputs and image handling in the controller and view.

Learners will render the hero section dynamically by retrieving the first hero record and binding its title, subtitle, and background image in the frontend using Laravel Blade, with safe fallbacks.

Implement a manual dynamic breadcrumb for the Laravel admin hero page by replacing the last item with a root link to admin.dashboard.index, opting for a simple approach over automation.

Implement a dynamic sidebar activation feature in a Laravel admin panel by creating a global helper, registering it via composer, and using route-based logic to highlight active items and dropdowns.

Explore building a directory listing system by implementing core modules—categories, locations, amenities, and opening hours. Prioritize integrating the main listing module with a SaaS package and complete complex features first.

Create the listing category module in Laravel by building the migration, model, and resource controller, registering routes, and designing the admin index view with a data table.

Install and configure the Laravel data table package, create a data table service class, render it in the controller and blade, and resolve common issues.

Fixes yajra datatable asset conflict by switching to data tables via CDN, removing incompatible assets, and restoring the sidebar dropdowns and save button visibility in a Laravel listing category page.

Advance the category create feature in the laravel app by wiring admin.category.create and building a create blade with image upload, plus outlining migration columns: name, slack, icon_image, background_image, show_at_home, status.

Create a Laravel category migration adding six fields (name, slug, image icon, background image, show at home, status) and a create form with image inputs and boolean selects.

Build a Laravel category create feature with image uploads via an upload preview plugin, validating inputs and generating a slug. Save via a custom request and redirect to category index.

Learn to display created category data in a Laravel data table by configuring columns, including name, icon and background images, and adding an action column with edit and delete buttons.

Learn to implement the category update feature in Laravel: use dynamic edit routes, prefill forms with existing data, manage image updates and old images, and validate with an update request.

Turn the category delete button into a dynamic feature with a sweet alert confirmation, wiring admin.category.destroy and a delete-item class with delegated events in the master blade for ajax deletion.

Implement a reusable ajax delete workflow for categories using a SweetAlert confirmation, dynamic URL retrieval from the delete button, and CSRF-protected requests, including image cleanup and page reload on success.

Extend the categories datatable by adding two custom columns show at home and status, using bootstrap badges to display active or inactive states on the front end.