Rebuild the todo website with Laravel and Vue

Overview

Lara-Todo

This is a course that I took at Udmey, to create a todo website with Laravel and Vue.js

Start

First we need to download and setup Composer. After that we setup the project:

composer create-project laravel/laravel TodoList

After that we need to require the laravel ui:

composer require laravel/ui

And for the Vue we need to install artisan vue:

php artisan ui vue

After that open the .env file and set your database information init. Like database name, server, port ....

Note

If you got the error "No Application Encryption Key Has Been Specified" just run the command bellow:

php artisan key:generate

Before using Laravel's encrypter, you must set a key option in your config/app.php configuration file.
Click here for more.

And for the final setup use the following command:

npm run watch

Run

When you want to run the application, first you need to setup the server by the following command:

php artisan serv

This will create a local server for you.

And you need to run the following code for the front application:

npm run watch
You might also like...
This template should help get you started developing with laravel 9 + Vue 3 in Vite + Tailwind

simple-project This template should help get you started developing with laravel 9 + Vue 3 in Vite + Tailwind

PHP client library for reCAPTCHA, a free service to protect your website from spam and abuse.

reCAPTCHA PHP client library reCAPTCHA is a free CAPTCHA service that protects websites from spam and abuse. This is a PHP library that wraps up the s

PlayZ is an esport event organization and management website allowing the creation of tournaments on the most popular video games of the esport scene.

PlayZ the playz to play Table of Contents Description "What is Playz?" In one sentence PlayZ is "an esport event organization and management website a

Live Helper Chat - live support for your website. Featuring web and mobile apps, Voice & Video & ScreenShare. Supports Telegram, Twilio (whatsapp), Facebook messenger including building a bot.

Live helper chat It's an open-source powered application, which brings simplicity and usability in one place. With live helper chat you can bring live

A university system that creates a timetable programm for subjects,classes and teachers which is used to create a programm for each semester. All this served as a website.

Timetable-System-Generator A university system that creates a timetable programm for subjects,classes and teachers which is used to create a programm

Laravel package that converts your application into a static HTML website
Laravel package that converts your application into a static HTML website

phpReel Static Laravel Package phpReel Static is a simple Laravel Package created and used by phpReel that converts your Laravel application to a stat

this package makes laravel website a progressive web application.
this package makes laravel website a progressive web application.

Laravel PWA You can follow this video tutorial as well for installation. Installation Install the package by the following command, composer require l

A blog website with blog details with laravel

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

This Laravel 8 package makes it possible for you to set your website in
This Laravel 8 package makes it possible for you to set your website in "Under Construction" mode.

Laravel Under Construction This Laravel package makes it possible to set your website in "Under Construction" mode. Only users with the correct 4 digi

Comments
Owner
AmirH.Najafizadeh
Amirhossein Najafizadeh , 20 years old computer engineer.
AmirH.Najafizadeh
An open source Laravel Soundboard with Admin Panel CRUD (Create Read Update Delete) built on Laravel, Bootstrap, and Vue.js

Laravel Soundboard An open source Laravel Soundboard with Admin Panel CRUD (Create Read Update Delete) built on Laravel 5.8, Bootstrap 4, Vue.js, Boot

Jeremy Kenedy 24 Oct 28, 2022
MediaDB is a web-based media streaming service written in Laravel and Vue.

MediaDB (API) MediaDB is a web-based media streaming service written in Laravel and Vue. The nginx-vod-module is used for on-the-fly repackaging of MP

François M. 53 Sep 3, 2022
A Laravel UI preset for UIkit and Vue.js

New version: torrix/laravel-uikit This package is for Laravel 6, and is no longer maintained. Please use the Laravel 8 version UIkit frontend UI prese

Torrix 66 Jan 29, 2022
An application with Laravel, Vue, Redis and Mysql

<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%2

André Franca 3 Dec 16, 2021
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟

Platform for Interactive Business Applications 10x faster to create than the traditional way • 3x increase application experiences • 60% decrease in d

Awes.io 753 Dec 30, 2022
Laravel Sanctum, Websockets & Vue [SPA]

Laravel Auth [SPA] 2021-07-15_22-24-33.mp4 composer require laravel/ui php artisan ui:auth Laravel Sanctum composer require laravel/sanctum php art

Kritish Dhaubanjar 6 Jun 1, 2022
Reactive Form Builder for Vue.js with Laravel Support

Dynamic Form Builder for Laravel with Vue.js Create even the most complex forms with ease, using two-sided validation, eloquent, nested elements, cond

Laraform 340 Dec 31, 2022
Projeto em Laravel para práticar redis, cache e vue js

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Nicolas Pereira 1 Nov 26, 2021
Authentication for SPA (Laravel Sanctum + Vue.js)

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Damir 0 Dec 30, 2021
Vueform Laravel + Vue 3 + TailwindCSS 3 Boilerplate

Vueform Laravel + Vue 3 + TailwindCSS 3 Boilerplate Last tested with Laravel 8.75. Installation Clone this repo with: git clone https://github.com/vue

Vueform 1 Feb 26, 2022