PhpDev.App
neoighodaro-articles/trello-clone-vue-laravel

neoighodaro-articles/trello-clone-vue-laravel

Stars: 108

Forks: 51

Pull Requests: 25

Issues: 12

Watchers: 8

Last Updated: 2023-05-28 11:28:11

This is a Trello clone built using Laravel and Vue. You can read about how it was created in the series.

License:

Languages: PHP, Vue, HTML

Building a Trello Clone using Laravel and Vue

This is a demo application showing how to build a simple trello clone using Laravel and Vue. You can read about how it was created on Pusher's blog.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

What things you need to install the software.

  • Git.
  • PHP.
  • Composer.
  • Laravel CLI.
  • Laravel Valet (optional).
  • A webserver like Nginx or Apache.
  • A Node Package Manager ( npm or yarn ).

Install

Clone the git repository on your computer

$ git clone https://github.com/neoighodaro-articles/trello-clone-vue-laravel.git

You can also download the entire repository as a zip file and unpack in on your computer if you do not have git

After cloning the application, you need to install it's dependencies.

$ cd trello-clone-vue-laravel
$ composer install

Setup

  • When you are done with installation, copy the .env.example file to .env
$ cp .env.example .env
  • Generate the application key
$ php artisan key:generate
  • Add your database credentials to the necessary env fields

  • Migrate the application

$ php artisan migrate
  • Seed Database
php artisan db:seed
  • Install Passport
$ php artisan passport:install
  • Install node modules
$ npm install

Run the application

$ php artisan serve

Built With

  • Laravel - The PHP framework for building the API endpoints needed for the application
  • Vue - The Progressive JavaScript Framework for building interactive interfaces

Acknowledgments

  • Laravel - The excellent documentation explaining how to get started with Laravel and Laravel Passport made it easy to provide a step by step guide for beginners to follow the application
  • Vue - Concise documentation

RELEASES

See all