Todo list laravel8 vuejs

A simple todolist for demonstration purpose. Based on Laravel 8.

Installation

Clone the repository-

clone https://github.com/YoussefHarizi/todolist_laravel_vue.git todolist_laravel_vue

Then cd into the folder with this command-

cd todolist_laravel_vue

with docker

run :

docker run --rm \
    -u "$(id -u):$(id -g)" \
    -v $(pwd):/opt \
    -w /opt \
    laravelsail/php80-composer:latest \
    composer install --ignore-platform-reqs

Create a environment file using this command-

cp .env.example .env

change this lines in .env file :

DB_CONNECTION=mysql
DB_HOST=mysql
DB_PORT=3306
DB_DATABASE=todolist_laravel_vue
DB_USERNAME=sail
DB_PASSWORD=password

Then run application with :

./vendor/bin/sail up -d

Then do a composer install

./vendor/bin/sail composer install

Then do a database migration using this command-

./vendor/bin/sail artisan migrate

generate application key, which will be used for password hashing, session and cookie encryption etc.

./vendor/bin/sail artisan key:generate

without docker

do a composer install

composer install

Then create a environment file using this command-

cp .env.example .env

Then edit .env file with appropriate credential for your database server. Just edit these two parameter(DB_USERNAME, DB_PASSWORD).

Then create a database named "todolist" and then do a database migration using this command-

php artisan migrate

generate application key, which will be used for password hashing, session and cookie encryption etc.

php artisan key:generate

Run npm install && npm run dev to install all front end dependencies Run npm run watch to build vue

Screenshots