HOME > Development > 3 Portfolio Projects with Laravel + Blade, Vue JS, React JS

3 Portfolio Projects with Laravel + Blade, Vue JS, React JS

  • Development
  • Mar 20, 2025
Synopsis3 Portfolio Projects with Laravel + Blade, Vue JS, React JS,...
3 Portfolio Projects with Laravel + Blade, Vue JS, React JS  No.1

3 Portfolio Projects with Laravel + Blade, Vue JS, React JS, available at $69.99, has an average rating of 4.5, with 56 lectures, based on 20 reviews, and has 182 subscribers.

You will learn about Create Full stack application with Laravel Create portfolio project with Laravel, Blade and Alpine JS Create Vuejs Portoflio project Create React JS Portoflio project This course is ideal for individuals who are Laravel VueJS and ReactJS beginners It is particularly useful for Laravel VueJS and ReactJS beginners.

Enroll now: 3 Portfolio Projects with Laravel + Blade, Vue JS, React JS

Summary

Title: 3 Portfolio Projects with Laravel + Blade, Vue JS, React JS

Price: $69.99

Average Rating: 4.5

Number of Lectures: 56

Number of Published Lectures: 56

Number of Curriculum Items: 56

Number of Published Curriculum Objects: 56

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

  • Create Full stack application with Laravel
  • Create portfolio project with Laravel, Blade and Alpine JS
  • Create Vuejs Portoflio project
  • Create React JS Portoflio project
  • Who Should Attend

  • Laravel VueJS and ReactJS beginners
  • Target Audiences

  • Laravel VueJS and ReactJS beginners
  • This is the course to take if you want to learn how to create Laravel portfolio project.

    The method I teach in this course will work on any version of Laravel. So, not only will it work on Laravel 9.

    Here we are going to create all the work from scratch so without a package.

    So tag along and let’s go for a nice ride!

    In this course, you will learn how to create Laravel CRUD for Skills and Projects. Learn how to create Laravel portfolio with blade and Alpine JS. You are going to learn also how to create custom blade directives. We are going to customize the Tailwind CSS.

    Create the same project with VueJS and React.

    Consume the API from the Laravel project.

    Learn how to get data from Laravel and work with that on Vuejs project.

    Learn how to get data from Laravel and work with that on React project.

    Master Laravelby creating full-stack portfolio projects and sharing data throw API and consuming the data with Vue JS and react.

    This Course shows you how Laravel work as a backend and the three main frontend frameworks to work on the frontend.

    Want more about Laravel see my Laravel role and permissions course.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction

    Chapter 2: Create Laravel Full-stack Portfolio Project

    Lecture 1: Create Project

    Lecture 2: Install Breeze Package

    Lecture 3: Course Notes

    Lecture 4: Create Models and Migrations

    Lecture 5: Create Controllers and Routes

    Lecture 6: Create Index Pages

    Lecture 7: Add Table to Index Pages

    Lecture 8: Add Link for Create Page

    Lecture 9: Store New Skill

    Lecture 10: Edit and Delete Skill

    Lecture 11: Store new Projects

    Lecture 12: Edit and Delete Projects

    Lecture 13: Show Success and Danger Message

    Lecture 14: Tailwind CSS Configuration

    Lecture 15: Create Frontend Layout

    Lecture 16: Create Header Component

    Lecture 17: Create Footer Component

    Lecture 18: Create Hero Section

    Lecture 19: Create Promote Section

    Lecture 20: Create About Section

    Lecture 21: Create Skills Section

    Lecture 22: Create Portfolio Section

    Lecture 23: Display All Projects

    Lecture 24: Show and Hide Projects with Alpine JS

    Lecture 25: Design Project Card

    Lecture 26: Create Services Section

    Lecture 27: Create Contact Section

    Lecture 28: Send Mail

    Lecture 29: Send Form With Alpine JS

    Lecture 30: Navigations with Alpine JS

    Lecture 31: Last Touch

    Chapter 3: Create Vuejs Portfolio Project

    Lecture 1: Laravel API

    Lecture 2: Create Vuejs Project

    Lecture 3: Copy Components from Laravel Project

    Lecture 4: Modify the Header Component

    Lecture 5: Add Tailwind CSS to Vue JS Project

    Lecture 6: Hero Section and Tailwind Configuration

    Lecture 7: Add Promote and footer Section

    Lecture 8: Add About and Skills Section

    Lecture 9: Add Portfolio Section

    Lecture 10: Filter Project with Vue JS

    Lecture 11: Add Services and Contact Section

    Lecture 12: Add Motion Plugin

    Chapter 4: Create React Portfolio Project

    Lecture 1: Create Project

    Lecture 2: Add Tailwind CSS to React Project

    Lecture 3: Create Components

    Lecture 4: Add Header Component

    Lecture 5: Add Hero and Promote Section

    Lecture 6: Create Portfolio Context

    Lecture 7: Add Skills Section

    Lecture 8: Add Portfolio Section

    Lecture 9: Add Services and Contact Section

    Lecture 10: React Scroll Navigation

    Lecture 11: Source Code

    Lecture 12: About Course Notes

    Instructors

  • 3 Portfolio Projects with Laravel + Blade, Vue JS, React JS  No.2
    Tony Xhepa
    Instructor at Laraveller
  • Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 0 votes
  • 3 stars: 1 votes
  • 4 stars: 2 votes
  • 5 stars: 16 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!