Laravel classified ads web application from scratch

Install a text editor, node, and composer, then create a laravel example project and run the classified ads app locally.

Download source code and resources for the Laravel classified ads project, including the classified ad code, bootstrap template, and other project files from the video resources on the side sidebar.

Explore the Laravel folder structure for building a classified ads app from scratch, including app, public, resources, models, controllers, routes, migrations, factories, and vendor, with .env database settings.

Learn to use PHP artisan to generate controllers, models, and migrations, and create a resource controller with standard methods like index, create, and store for a Laravel classifieds app.

Learn how to define basic routes in a Laravel classified ads app, using get routes, closures, and controllers to render views like home and about, and pass data to views.

Learn to organize Laravel routes using route groups and a shared prefix, consolidating register and login paths under one prefix to keep your application scalable and readable.

Learn how to pass data from a controller to a Blade view in a Laravel classified ads app, rendering products with foreach and compact.

learn to use if-else and forelse in blade to conditionally render products, display the product count, and show a no products message when the list is empty.

Learn to build a simple Laravel form for a classifieds app, implement CSRF protection, and handle input with a request to store a product title.

Explore how Laravel migrations create tables via migration files, detailing fields like id, name, email, and timestamps, with nullable and unique constraints, and learn to migrate and rollback changes.

Learn how to add a new column to an existing posts table using a Laravel migration, including up and down methods, while preserving existing data.

Learn to build, persist, and manage posts with Laravel's Eloquent: create a post model, migration, controller, and routes, and implement fillable or guarded mass assignment and title-derived slugs.

Learn how to retrieve a single record using Laravel's Eloquent find by ID, pass the parameter from the browser, and compare find versus findOrFail in a post controller.

Learn to find a record, then update it using Laravel's Eloquent in a controller, updating post fields such as title, body, slug, and related user data.

Learn to delete records in a Laravel Eloquent workflow: find by id, destroy or delay a record, and verify removal from the classifieds app.

Learn to paginate data in Laravel using the paginate method, switch from tailwind to bootstrap pagination, and configure bootstrap in the App service provider for clean, navigable post lists.

Explores the one-to-one relationship in Laravel for a user profile in a classifieds app, defining the foreign key user_id and using belongs to and has one to manage profile data.

Explore the one-to-many relationship between users and posts using hasMany and belongsTo in Laravel, including models, migrations, and a controller.

Learn to implement a Laravel many-to-many relationship between posts and tags, create the pivot table, define belongsToMany relations, and attach, detach, and load tags for posts.

Explore the Laravel many-to-many relationship by connecting posts and tags, where posts belong to many tags, and display related posts for each tag.

This section introduces beginners to the basics of Vue.js for a classified ads web app, focusing on reactive features, basic components, and form submission.

Learn to conditionally render content in Vue using v-if and v-else, using a taxCompleted flag to show or hide messages and handle API data updates.

Explore Vue lifecycle hooks and how to fetch data from an API using mounted, with created for initial logic, and understand the sequence from before create to mounted.

Master list rendering in a Laravel classifieds app using Vue.js v-for to display API data, items, and post titles and bodies with keys and indices.

Fetch data from the API and populate a posts list in a Laravel classified ads app. Learn to make get requests, handle responses, and display post titles and bodies.

Learn to implement click events in a web app, wiring methods and preventing default browser behavior. Explore updating user status and like/dislike actions with click counters.

Learn to build a submit form for a Laravel classified ads web app from scratch, including form structure, action and method handling, prevent default, and data submission.

Explore how input binding enables real-time synchronization between form fields and data models using v-model, including two-way binding, form submission, and live display of a name and email.

Learn how to create and load reusable components in Vue, define component templates, assign data and methods, and compose multiple components to build a clean, scalable Laravel classifieds user interface.

Create a Laravel migration to build a books table with name, description, category, and timestamps, and generate the Book model to apply migrations.

Design a bootstrap-based form and card layout for a classified ads app, using a glass-style container, headers, and primary buttons with centered alignment.

Store a record in a Laravel classified ads app by posting form data to the books store route, using a Book model with fillable name, description, and category.

Build the books index to list all books in a table, retrieving all books via the Book model and rendering them in the index blade.

Learn how to validate forms in a Laravel classified ads app by creating separate form request files, defining rules for name, description, and category, and displaying errors automatically.

Learn how to update a book record in a Laravel classified ads app by handling a request, updating name, description, and category, and redirecting back to the book index.

Learn to implement a delete action for books in a Laravel classified ads app, finding the book by id, destroying it, and returning to index with a 'book deleted' message.

Implement pagination in a Laravel classified ads app, switch to bootstrap styling, and configure the index method and view to display paginated results with proper links.

Enable image upload in a Laravel classified ads app, add an image field, validate mime types, store the image in the public folder, and reference it in the book model.

Explore updating a classified ad in a laravel app with an optional image upload, handling form validation, conditional image saving, and updating fields like name, description, category, and funding.

Download and include Font Awesome icons for your Laravel classified ads app by hosting locally or via direct link, then replace the existing icon and add a delete button.

Install and set up a laravel project for a classified ads web app using composer, creating the project, and renaming it to marketplace.

Set up a Laravel classified ads app by organizing app, models, resources, views, and migrations, configure the marketplace database, and install bootstrap and authentication scaffolding with npm.

Learn to continue integrating bootstrap in a Laravel app by loading packages, configuring resources and public assets, and testing a login form to ensure bootstrap styles render correctly.

Demonstrate integrating a Bootstrap navbar into a Laravel Blade layout, using a reusable navbar partial, extending a base layout, and toggling login/register vs user dropdown based on authentication.

Extend the users table by adding address, avatar, and facebook_id fields, enabling optional login or registration via Facebook, and update the initial migration to include these fields.

Learn to implement email verification in a Laravel classified ads web app using Fortify, sending a verification link and updating the email_verified_at timestamp in the database.

Create a front-page carousel by integrating a three-image slider from the public/slider folder, styling with a slider class, and adjusting margins for a clean, scrolling transition.

Frontpage carousel for a Laravel classified ads app, showcasing a popular category with a crossfade slider and active item logic. Adjust the images and interval to twenty-five seconds.