Laravel React Tasklist

Tasklist single-page, full-stack app built with Laravel & React.js (with Vite.js). For the drag & drop functionality react-beautiful-dnd is used.

Resources:

• Postman Collection

Installation:

• Pre-requisites:

  • PHP >= 8.1
  • Composer
  • MySQL
  • Node.js >= 18

• Clone the repository, or download the zip file and extract it.

git clone git@github.com:boolfalse/laravel-react-tasklist.git && cd laravel-react-tasklist/

• Copy the .env.example file to .env:

cp .env.example .env

• Install the dependencies.

composer install

• Generate the application key.

php artisan key:generate

• Create a MySQL database and set the database credentials in the .env file:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE="<database_name>"
DB_USERNAME="<username>"
DB_PASSWORD="<password>"

• [Optional] To change the default seed data (projects, tasks counts) update config/project.php file, and optimize caches as mentioned below.

• Refresh the application cache.

php artisan optimize

• Run the migrations and seed the database.

php artisan migrate:fresh --seed

• Install the NPM dependencies.

npm install

• Build the assets.

npm run build

• [Optional] For development, run below command to watch the assets for changes.

npm run dev

• Start the development server using below command or configure a virtual host.

php artisan serve

• Open the application in a browser at http://127.0.0.1:8000.

Author:

• BoolFalse