https://github.com/kingrayhan/kingtodo
A todolist application with laravel and vuejs
https://github.com/kingrayhan/kingtodo
axios laravel vuejs vuejs2
Last synced: about 1 month ago
JSON representation
A todolist application with laravel and vuejs
- Host: GitHub
- URL: https://github.com/kingrayhan/kingtodo
- Owner: kingRayhan
- Created: 2018-01-19T13:53:30.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-06T03:07:00.000Z (over 8 years ago)
- Last Synced: 2025-02-28T12:43:31.573Z (over 1 year ago)
- Topics: axios, laravel, vuejs, vuejs2
- Language: PHP
- Size: 1.12 MB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
**[kingtodo][kingtodourl]** is a simple simple application created with Laravel and vujs that allows you to add todos, edit todos, delete todos and also mark todo as completed and dragging and sorting.
> **Application Version:** 1.1.0
> **Laravel Version:** 5.5
> **Vuejs Version:** 2.5.7
# Installation
### Table of contents
* [Grab the project files](#1-grab-the-project-files)
* [Install dependencies](#2-install-dependencies)
* [Configure Database](#3-configure-database)
* [Import Demo data (optional)](#4-import-demo-data-optional)
* [Run server](#5-run-server)
* [Issue Tracker](#have-any-question)
* [Credits](#credits)
### 1. Grab the project files
Clone this repository first-
```bash
git clone https://github.com/kingRayhan/kingtodo.git
```
Then navigate to **[kingtodo][kingtodourl]** directiry
```bash
cd kingtodo
```
### 2. Install dependencies
There are two type of dependencies here, php **[composer][composer]** and **[npm][npm]**
Install **composer** dependencies
```bash
composer install
```
Now, install **npm** dependencies
```php
npm install
```
### 3. Configure Database
You need to put your database connection access information in **`.env`** file. But you will not find any **`.env`** file in the project directory, you will see a similar file in the direcoty named **`.env.example`**. It's an example boilarplate file for **`.env`**.
Now you need to duplicated this file and rename it to **`.env`**. You can do this menually.
**Or you can *duplicate* it by terminal-**
Duplicate .env.example file to .env file to create a environment file-
```bash
cp .env.example .env
```
Generate a application key
```
php artisan key:generate
```
Edit **`.env`** file with with your database credential.
```bash
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=
DB_USERNAME=
DB_PASSWORD=
```
Now push **[kingtodo][kingtodourl]**'s database tables by running this command
```bash
php artisan migrate
```
### 4. Import Demo data (optional)
Run seeder command , if you want to import 50 demo todos
```data
php artisan db:seed
```
### 5. Run server
```bash
php artisan serve
```
Now you can see the application at [http://localhost:8000](http://localhost:8000/)
To compile all changes , run npm watcher
```
npm run watch
```
## Have any question?
Open a [issue][issue] to do any query or submit any bug.
https://github.com/kingRayhan/kingtodo/issues/new
## Credits:
+ [axios v0.17](https://github.com/axios/axios)
+ [bootstrap v4.0.0-beta.3](https://getbootstrap.com/)
+ [font-awesome v4.7.0](http://fontawesome.io/icons/)
+ [jquery v3.2](https://jquery.com/)
+ [jquery.nicescroll v3.7.6](https://github.com/inuyaksa/jquery.nicescroll)
+ [laravel-mix v1.0](https://github.com/JeffreyWay/laravel-mix)
+ [lodash v4.17.4](https://lodash.com)
+ [popper.js v1.12.9](https://popper.js.org)
+ [sweetalert v2.1.0](https://sweetalert.js.org)
+ [vue v2.5.7](https://vuejs.org)
+ [vuedraggable v2.16.0](https://github.com/SortableJS/Vue.Draggable)
[kingtodourl]: https://github.com/kingRayhan/kingtodo "King Todo Repository"
[issue]: https://github.com/kingRayhan/kingtodo/issues/new "Create new issue"
[npm]: https://www.npmjs.com
[composer]: https://getcomposer.org
