Build A TodoList with AdonisJS and Electron Vue

Learn to build a Full Stack AdonisJS and Vue Electron Application in No Time

What you will learn

The student will learn the basics of RESTful API development with AdonisJs

How to create a Full Stack Todo List Application

Learn ORMs

Learn to consume JSON with Vue Electron


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 AdonisJS and Vue Electron. It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a Vue Electron 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, AdonisJS, 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

  • Vue Functional Components
  • HTTP Requests with Fetch
  • CRUD Methods
  • AdonisJS
  • 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 Vue Electron and AdonisJS.





Create a AdonisJS Backend

Install Adonis JS
Install ORM
Run Database Migration
Create Rest Controller
AdonisJS ORM Basics
AdonisJS ORM Documentation
Run Rest API

Create Electron Vue TodoList

Install Electron Vue
Add UI Library
Add Create and Read Actions
Add Update and Delete Actions
Show TodoListComponent
Create TodoList Table
Security Policy
Delete Todo Button
Create TodoList Form
Submit Todos

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO

Check Today's 30+ Free Courses on Telegram!