Laravel - Building a Complete Portfolio Website (A to Z)

Download and install xampp, then run the installer and follow the on-screen prompts. Start apache and mysql from the control panel and access localhost to manage databases with phpmyadmin.

Shift between php versions in XAMPP by swapping Apache and PSP folders in GM directory, downloading versions, renaming folders, and restarting the server to switch from 8.1.1 to 7.4.27.

Install Laragon as a local server for Laravel by downloading the 64-bit version and installing on D drive. Start Apache and MySQL, then test with localhost to confirm setup.

Shift between PSP versions in Laragon by installing PSP 7.4, selecting 8.1.10, restarting all services, and testing on localhost to verify the active PSP version.

Learn how to install gem on macOS, start Apache and MySQL, verify with phpMyAdmin, and create a local project in VS Code using a sample index dot PSP file.

Learn to download, install, and run MAMP on macOS, choose the free version, and manage ports to start Apache and phpMyAdmin for PHP projects.

Switch php versions in MAMP by renaming nonessential version folders with a leading underscore, restart services, and run apps on 8.1 or 8.2 as needed.

Compare PHP code editors and spotlight Visual Studio Code as the top choice for its extensions and lightweight design; learn how to install and use VS Code and its extensions.

Download and install the base code with Visual Studio Code from the official site, then launch the editor and open your project folder.

Open the base code editor from the terminal, create and open a project folder in the workspace, and learn to add multiple folders (project and test) for simultaneous work.

Enable vscode autosave after delay and watch files save automatically while editing index.html, with manual save via ctrl+s and the icon signaling saved state.

Explore how to use and install extensions in the Visual Studio Code editor to enhance coding with Python, Jupyter, HTML, CSS, C++, and color schemes, and manage installed extensions.

Locate the gear editor settings by navigating Windows paths to the settings JSON file, then save or import it to preserve or restore your configurations.

Learn how to reset VS Code to a clean state by deleting settings and extensions in the user folders, then reopen and verify autosave settings are reset.

Create and manage code snippets in a base editor by defining a prefix, body, and description to insert reusable code blocks across files.

Install the Bootstrap 5 quick snippets extension and load the boilerplate to start building a portfolio site with ready-made accordion and table components.

Install and use the auto rename tag extension to automatically update closing HTML tags when you change opening tags, such as h2 to h3, saving coding time.

Install the material icon theme extension to transform the editor with attractive, easily distinguishable folder and file icons and updated status icons for faster project navigation.

Install and enable the VS Code great icons extension to apply material icons and colored folder and file icons in the explorer, including JavaScript icons and other icon sets.

Install the life support extension for the base code editor. Right-click an HTML file and select open with live server to preview it instantly.

Learn how to install and use the live server preview extension to see automatic, real-time updates as you edit a base code sample project.

Install the HTML CSS support extension to link your index HTML with CSS classes, enabling auto-complete and loading standard CSS classes like red, green, and blue for easier styling.

Install the Laravel bullets snippets extension from the store and enable it. Use the bullet syntax in resources/views to insert sections and end sections for your portfolio site.

Install the Laravel Blade spacer extension, then preview its automatic left and right spacing in Blade templates, and apply it in a Laravel application's resources/views blade file.

Install the Laravel Artesian extension, use the extension tools to run artisan commands, create a resource controller, and clear cache, all without writing code.

install and use the Laravel go to controller extension, create a student controller via artisan, add an index method, and quickly navigate to controller methods with control-click.

Explore Laravel color schemes, starting from a black default background, and learn to switch themes by installing extensions such as Dracula and Noctis, with previews.

Open the terminal to run php artisan commands in a Laravel 9 project, start the server, and create a model like admin, using the terminal or Git Bash for workflow.

Enable settings sync in Laravel 9 to automatically save settings, keyboard shortcuts, and extensions online. Sign in with Microsoft or GitHub to migrate your configuration to any new machine.

Learn to install a fresh Laravel 8 or 9 installation by selecting the right PHP version, using composer create-project, and verifying the installed version with a local development server.

Learn how mvc structures laravel apps with model, view, and controller interactions, data operations, route setup, and the benefits of organized, maintainable, and adaptable web apps with friendly urls.

Learn what Laravel is, an open source framework with the eloquent ORM for database management, migrations, seeders, and fakers, built on MVC for scalable, secure web apps.

Learn what composer is and how to install it on Windows, then use it to manage PHP dependencies, install packages like Stripe, and auto-load with vendor/autoload.php.

Install composer on macOS using homebrew, verify the installation in the terminal, and prepare your Laravel 9 portfolio website.

Install Laravel on your computer using the official documentation and Composer. Create a project with composer create-project, then run the app locally and access it via localhost, using public folder.

Explore the Laravel folder and file structure, including app, controllers, and middleware, plus database migrations, seeders, factories, views, routes, and environment configuration.

Learn basic routing in Laravel, define routes for home and about pages in part 1, and pass parameters to views using curly braces to display dynamic content.

Learn how to implement redirection and named routes in Laravel, linking home and about pages with route names and URL to route, including anchor links and blade syntax.

Learn to create and wire controllers in a fresh Laravel 9 project, return views, define routes, and pass parameters to a profile page for dynamic content.

Learn Blade syntax and Blade directives in Laravel, pass data to views, and build dynamic templates using loops, conditionals, and escaping, with practical controller and routing examples.

Explore blade directives to build templates with a common layout, using extends, sections, and yields to inject dynamic titles and content for the home and about pages.

Learn how middleware acts as a request layer in Laravel 9, authenticating users, registering custom middleware, and applying it across routes to conditionally redirect based on input such as price.

Learn how to create and apply a price middleware in Laravel 9, making routes like about or contact conditional on price and redirecting when the condition fails.

Discover route grouping in Laravel by creating a group with a location prefix, define city, country, and zip routes, and apply middleware and named routes.

Use Laravel migrations to create and modify database tables, add columns, and rollback changes with up and down methods. Run migrations via artisan, and track progress in the migrations table.

Learn how a Laravel model maps to a database table with Eloquent. Create models from plural tables, run migrations, and manage timestamps and primary keys.

Learn how to insert data into a Laravel 9 database using raw sql, including creating a students table and performing DB::insert through a controller route.

Retrieve data from a Laravel database using raw sql queries to fetch all data from the students table, then pass the results to a view and render each row.

Update the student name in the database using the update query in the Laravel controller, targeting the students table by id, then refresh the frontend to verify the change.

Learn to delete data in a Laravel app by creating delete route and controller method, writing a delete query like delete from students where id = ?, and verifying deletion.

Learn how to perform raw sql joins in Laravel by linking student and fees tables, building migrations, controllers, and views to display joined data like name, email, and fee month.

Learn to insert data into a database using Laravel's query builder, including creating migrations, defining a students table, and using the DB::table()->insert to add records.

Learn to read data from the database with the query builder in Laravel, fetch all students with get, and show a single student using where and compact.

Learn to update data in a database table using Laravel's query builder by implementing an update function in a controller, setting the new name, and updating where id equals 1.

Learn to delete data in Laravel 9 using the query builder, targeting the students table with a where clause to remove a specific id, and verify the deletion.

Join two tables with Laravel's query builder to link students and fees via a foreign key. Select names and fee details, then display the joined data in a view.

Learn to insert data into a database using Laravel's Eloquent ORM by creating migrations, models, and controllers, then define routes and insert records through a student model.

Explore reading data with the Eloquent ORM in Laravel 9, using routes, a controller, and views to display all records or a single record with get, all, or first.

Learn how to update data in a database table using Laravel's Eloquent ORM via a controller's update function, updating by id and setting new values for name and email.

Delete data from a database using Eloquent in Laravel 9, showing a delete route and a student controller that calls the delete function to remove a record by id.

Learn how to implement a one-to-one relationship in Laravel using Eloquent, linking a students table to a phones table with student_id, defining hasOne, and eager loading the related phone data.

learn to implement a one-to-one reverse relationship in Laravel's Eloquent by defining a belongs to relationship in the phone model, using student_id as the foreign key to the student table.

Explore how to implement a one-to-many relationship in Laravel's Eloquent ORM by linking a student table to a phone table using hasMany, with nested loops to display multiple phone numbers.

Build a Laravel CRUD form with validation and error messages, set up migrations and a students table, and handle data insertion with controller, route, and success feedback.

Show how to fetch all student records, pass them to a view with compact, and render a dynamic table of name, email, and auto-incremented serials with edit and delete actions.

Learn to implement the edit and update flow in Laravel, wiring routes, passing the item ID, pre-filling the edit form, and updating data with validation and success messages.

Execute a delete operation by wiring the delete route with the item id, defining public delete($id) function, removing the record, and redirecting back to the homepage with a success message.

Learn to upload a student photo in Laravel, validate image type and size, rename for uniqueness, move to public/uploads, save the filename in the database, and display it with asset.

Explore a Laravel 9 update flow for a portfolio site, enabling optional photo edits with validation, unlinking the old image, and uploading the new photo.

Delete a student record and unlink its photo from the uploads folder in Laravel 9, ensuring the image file is removed when the database row is deleted.

Learn how to implement soft deletes in Laravel 9, keeping deleted records with a deleted_at timestamp. Enable soft deletes in models and restore deleted data via controller actions.

Explore force delete in Laravel by converting soft-deleted student records into permanent removal from the database, using the student controller and force delete method.

Learn to create helper functions in Laravel, place them in a helpers.php file, autoload with Composer, and call them from anywhere to produce results such as passed or failed.

Learn to send emails in Laravel 9 by creating a mail class and controller, configuring SMTP with Mailtrap, building a blade email body, and testing via routes.

Learn how to seed data into a Laravel database table using a seeder, create a post table with title, description, and photo fields, and seed three rows via the model.

Learn how Faker acts as a seeder to quickly populate a database with thousands of rows using a post factory, with steps from creating factories to running artisan tinker.

Learn to edit the .env contents with a user interface in a Laravel 8 app, updating mail host, port, username, password, and encryption via a form and routes.

Learn basic authentication in Laravel for a single user, covering registration with email verification, login, password reset, and a protected dashboard.

Learn the authentication flow for a single-user Laravel 9 app, from registration form handling and password hashing to token-based email verification and a pending status activated by a verification link.

Verify registration by extracting the token and email from the verification link, validating them against the user table, and activating the account, making the token unusable.

Learn how to implement single-user authentication in Laravel 9, including login form handling, posting credentials, using the web guard, and redirecting to a dashboard with logout and conditional navigation.

Explore implementing a forgot password flow in a Laravel 9 app: submit email, generate and store a reset token, send a reset link, and verify the token.

Explore the single-user reset password flow in a Laravel 9 portfolio site, including reset password routing, token and email validation, and updating the password with hashing.

Enable multi authentication on a single users table by using a role field to distinguish admin and user access, including admin-only settings.

Implement multi authentication with a single table in Laravel 9 by building admin and user dashboards and role-based middleware to guard routes and settings.

Learn to implement multi auth with separate guards and tables by creating an admins table, migrating data, and configuring admin and user login routes.

Configure multi-auth in Laravel 9 by adding an admin guard and provider, create an admin controller with login, dashboard, and settings, and protect admin routes with the guard.

Learn how multi authentication with different guards and tables protects user and admin areas in Laravel 9, with redirects and admin-only settings.

Learn to build and customize a Bootstrap 5 admin panel template with dashboards, forms, data tables, and common admin features, including login, password reset, settings, invoices, and profile management.

Install Laravel 9 on your local server, verify BSP and PHP versions, create a project with composer, start the development server, and update .env with the admin panel Laravel database name.

Learn to build a Laravel admin dashboard by creating a master blade template, organizing admin views, and loading assets via the public folder, routes, and a dedicated admin controller.

Implement a Laravel 9 admin login and forget password flow by converting a login html into admin layout, creating routes and a login controller, and wiring the forget password view.

Create a migration for the admins table, build the admin model, and implement multi authentication with a separate admin guard in Laravel 9.

Create an admin middleware in Laravel by adapting the authenticate middleware, register it in the kernel, and link it to the admin login route.

Create a demo admin user in phpmyadmin by manually inserting admin data, hashing the password, and configuring login, photo, and editable fields in the admin table.

Set up application email in a Laravel 9 project by creating a mail class and view, configuring mailtrap SMTP in the .env, and sending emails from the admin login controller.

Implement a complete admin login cycle with a front-end email/password form, server-side validation, flash errors, and an admin guard with login and logout flows.

Implement forget password submit to validate email, handle not-found errors, generate a reset token, and send a reset password link via email.

Implement admin password reset in Laravel 9: validate token and email, show reset form, hash the new password, clear the token, and redirect with success messages.

Master editing the admin profile in a Laravel 9 app by updating name, email, password, and photo, using an admin profile controller, Blade views, and validation with toast messages.

Upgrade the admin panel to Bootstrap 5.2.1, download Bootstrap 5, update CSS and JS in public/dist, and apply a custom btn-block class; verify login, forget password, and dropdowns.

Debug and implement Bootstrap 5 features in the admin panel, refine layout with justify content, and style the avatar using rounded circle and object feed cover for profile actions.

Convert the admin panel to Bootstrap 5 in the Laravel 9 portfolio website course by implementing tooltips, step toggles, and dropdowns for the sidebar.

Build a complete personal portfolio site with Laravel and Bootstrap 5, featuring a responsive front end, banner, loader, portfolio items, portfolio details, blog, services, and contact sections.

Rename the admin panel Laravel folder to personal website project, update the .env database name, adjust settings in phpMyAdmin, and run the local server to access the dashboard.

Convert the frontend into a Laravel blade, create a front home view and home controller, and route, then move assets to public/front and update paths with the asset helper.

Structure a Laravel 9 front-end by separating CSS and JS into layout files, using Blade templates, extending layouts, and yielding main content with shared header and footer.

Master front-end templating by building blade templates, wiring home and about controllers, implement dynamic active navigation with route-aware highlighting, and integrate banners and assets in css.