3 Portfolio Projects with Laravel + Blade, Vue JS, React JS
- Development
- Mar 20, 2025

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
Who Should Attend
Target Audiences
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

Tony Xhepa
Instructor at Laraveller
Rating Distribution
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!
- Random Picks
- Popular
- Hot Reviews
- Ecommerce Build a Free eCommerce website with WordPress
- The Millionaire Marketer- A Blueprint for Digital Wealth
- Managing a waitlist in Senior Housing 101
- Create a Live Video Chat Using Laravel, Reverb, WebRTC, JS
- Create a High Converting Wix Website for Your Business
- Personal Finance
- The Beginner Forex Trading Playbook
- How to Draw Cute Thanksgiving!
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4SolidWorks Essential Training ( 2023 2024 )
- 5The Architecture of Oscar Niemeyer
- 6Polymer Clay Jewelry Making Techniques for Beginners
- 7Advanced Photoshop Manipulations Tutorials Bundle
- 8LINQ- A Course For Beginners
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling