
Demonstrates a medium clone app with infinite scroll, tag filtering, and article details; users save, heart, and follow authors, manage profiles, create articles, and admins approve and publish content.
Create article and tag models with migrations, defining fields like title, slug, body, excerpt, image, and published status, and set up article tag relationships and admin scaffolding.
Create and relate models and migrations in a Laravel backend, defining tag with name and slug and its articles, implement user follows and articles, and set up admin fields.
Create an admin controller under an admin folder to render the dashboard and login views, authenticate admins with remember me, and configure admin routes in web.php and config/auth.php.
Seed the admin user and implement a login flow, building the login form, header visibility after authentication, and admin dashboard routing for a Laravel medium clone.
Learn to build an admin dashboard in a medium clone by extending the admin layout, integrating a sidebar, and implementing sign out with an admin guard and middleware protections.
Register a new middleware in Laravel 11 and 12 by creating admin middleware, registering it with the alias admin in bootstrap/app.php, and applying it to routes via a group.
Build an admin tag management module by creating a resource tag controller with index, create, store, edit, update, and destroy actions, including validation, slug generation, and admin route naming.
Builds the admin tag management interface with index, create, edit, and destroy views for tagging. Wires routes for storing, updating, and deleting tags, using data tables and form validation.
Preserve the old tag value in the edit flow by keeping the tag name inside the function, preventing the 'name has already been taken' error when editing.
Install API routes for Laravel 11 and 12 by running php artisan install api, which adds api.php and the access token setup; update the user model to use Laravel Sanctum.
Create and manage the article API in the Laravel backend by building an article controller and resource, implementing index, store, show, update, delete, image uploads, tag handling, and search.
Define article request validation for creating and updating articles, including title, body, excerpt, and image constraints, then configure authenticated and public routes for listing, showing by slug, searching, and tagging.
Create a Laravel API user controller that handles storing new users, authenticating and issuing access tokens, logging out, following and unfollowing users, and updating profile details and passwords.
Build and validate user data via store, auth, and update requests, configure routes for login, registration, token handling, and profile actions, and expose users and articles through resource responses.
Create a tag controller and resource in the API, implement an index function to fetch all tags, and configure API routes mirroring the articles route.
Explain testing the API with Postman, including registration, login with Sanctum token, and article management with title, excerpt, body, image, slug, tags, and pagination.
Create and configure a Redux store for a React app, build a user slice with actions like set current user and token, and implement redux-persist to persist login across routes.
Create a bootstrap-styled registration form in a React and Laravel app, wire name, email, and password to state, submit to the API, show loading and toasts, and handle validation errors.
Use the custom hook useValidation to render per-field validation errors (name, email, password) during registration, show a bootstrap spinner on submit, and navigate to login with toast feedback.
Implement login and logout with a Laravel API, manage auth state in Redux, dispatch set current user and token, update header, handle errors, and auto-log out on expired tokens.
Learn how to replace the quill editor with the react-simple package for React 19. Install it, import the editor, and update the article body with rich text formatting.
Build the first article feature in a Laravel and React medium clone by creating an article form with title, body, excerpts, image upload, and validation, gated by login.
Implement a tags selection with a useTags hook, fetch and display tags, manage chosen tags, and submit articles with images via multipart form data in a React and Laravel clone.
Fetch and display articles using a loading state, render article cards with user info, title, excerpts, images, and tags, and offer bookmarking for logged-in users.
Fetch and display tags, show articles by tag or by users you follow, with a tag filter, followings view, and a loading spinner in a React and Laravel Medium clone.
Add infinite scroll to the React Medium clone by fetching the next page of articles as users reach bottom, using meta.current_page and meta.total, and appending results to the existing list.
Build an article details view in a medium clone using React and Laravel by fetching by slug, handling loading and errors, and displaying author, tags, and content.
Build and integrate follow and unfollow user actions and article claps in a Medium clone using React and Laravel, with token-authenticated requests and real-time UI updates.
Learn to implement article bookmarking in a React and Laravel Medium clone by creating a bookmark slice, managing bookmarks in Redux, updating the header, and building a bookmarks page.
Important Notice Before Enrolling:
This course is not for beginners. It is designed for students who already have a good understanding of Laravel and React, including how to work with routes, components, APIs, and basic project structures.
If you are new to Laravel or React, please do not enroll in this course. We strongly recommend completing beginner-level tutorials or courses before joining, to ensure you can follow along and get the most out of the content.
Welcome to the course Building a Medium Clone with React and Laravel. If you're a seasoned developer ready to elevate your skills, this is the perfect opportunity to dive deep into the world of web development using two robust frameworks: React and Laravel.
In this course, we'll guide you through the process of creating a fully functional Medium clone, emphasizing advanced concepts and best practices. You'll gain hands-on experience with React, a JavaScript library known for building dynamic user interfaces, and Laravel, a powerful PHP framework for crafting robust web applications.
We'll explore intricate aspects of React, focusing on advanced state management, component lifecycles, and efficient data handling.
On the Laravel side, we'll dive into complex topics such as routing, database optimization, and server-side API development.
By the end of the course, you'll have honed your skills in integrating these frameworks seamlessly, enabling you to architect scalable and efficient web applications.
You'll be equipped with the knowledge to tackle real-world challenges, from optimizing performance to building secure and maintainable code.
Technologies We Use
Laravel – Powerful PHP framework for building modern web applications.
React – Dynamic frontend interfaces.
Bootstrap 5 – For responsive layouts and styling.
MySQL – Database for app data.
Visual Studio Code (VS Code) – Code editor we will use throughout the course.
XAMPP – Local development environment (Apache, MySQL, PHP).
This course is not for beginners, we assume a foundational understanding of React and Laravel.
If you're ready to take your development expertise to the next level, join us on this journey as we build a feature-rich Medium clone, showcasing the full potential of React and Laravel in the realm of advanced web development.