Build A TodoList with Laravel, PHP and Electron React

Name: Build A TodoList with Laravel, PHP and Electron React
Rating: 4.8 (7 reviews)

Learn to build a Full Stack Laravel and React Electron Application in No Time

Created byJames Coonce with CodeBrains.IO Tech Training

Last updated 1/2023

English

What you'll learn

The student will learn the basics of RESTful API development with Laravel
How to create a Full Stack Todo List Application
Learn how to use the Eloquent ORM
Learn to consume JSON with React Electron

Course content

3 sections • 20 lectures • 1h 38m total length

Introduction0:48
Create a desktop to-do list app using React and Electron, powered by a restful api that supports adding, updating, and deleting to-dos.

Install Docker and Kool3:43
Install and use Docker and kool to set up a Laravel base project quickly. Start Docker services and configure kool for cross-project testing across Mac, Windows, and Linux.
Create Laravel Project2:58
Build Laravel Docker Image5:30
Create Laravel Models and Migrations3:58
Create a Laravel model and migration for a todo with title and completed fields, define fillable attributes, run migrations with artisan via cool, verify the table, and set up API.
Add Laravel Controllers2:48
Add Todo Laravel API Requests2:45
Implement the Laravel API store method to create to-dos, return a JSON response with the new todo and a 200 status, and populate the database for testing.
Get Todo API Requests Laravel2:23
Update Todos API Requests Laravel1:55
Discover how to update todo items via a Laravel API using the request id and fillable properties, returning a JSON response with status 200 and automatic created and updated timestamps.
Delete Todos API Request Laravel1:46

Create Electron Project2:39
Add UI Library3:57
Add Todo Service3:53
Add CRUD2:11
Implement create, update, and delete actions for to-dos using fetch calls to a URL with JSON payloads, handling IDs and completion status in a Laravel, PHP and Electron React app.
Create TodoList Boilerplate10:44
Create a todo list component in a React Electron app, use state and effect to manage active and completed tasks, and wire create, delete, load, and update to the service.
Add TodoList State6:38
Create Components6:00
Create Todo Item Component15:09
Add Todo Tabs7:50
Add Form11:19

Requirements

Be familiar with Laravel

Description

If you're tired of long courses and just want to learn basic web development this course is for you. This course was built with the goal of teaching the students how to use Laravel and React Electron. It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a React Front End Application. This is an entry-level course that focuses on building and reinforcing some of the techniques used by developers to build a full-stack application.

In this course, we start by learning what tools you need to create a full-stack Before taking this course, it is recommended that you have an understanding of skills such as Javascript, PHP, Basic SQL, or ORM development. If not we'll touch on some of those topics early in the course but it is still recommended to have a better understanding.

When going through this course you may come across subjects that you are familiar with as well as those that are completely new to you.

Some of the topics touched upon include

React Hooks
React Functional Components
HTTP Requests with Fetch
CRUD Methods
Laravel
Database Migrations
ORMs

When taking this course, please know that you can take your time because you will get access to support along the way. By the time you finish this course, you should feel comfortable creating a full-stack web application with React Electron and Laravel.

Who this course is for:

This course is for entry level web developers that have an understanding of web applications

Build A TodoList with Laravel, PHP and Electron React

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 1min

Create Laravel Todo API9 lectures • 28min

Create a Todo App with Electron React10 lectures • 1hr 10min

Requirements

Description

Who this course is for: