Laravel lumen and AngularJS Todo Application

Todo application using Laravel lumen micro framework and AngularJS

Features

• Create/Edit/Delete Todo
• Lumen Rest API
• AngularJS Form Validation
• AngularJS CSRF Protection
• Search Todos
• Sort Todos
• Complete Todos

Screenshots

Getting Started

Clone Repo

git clone https://github.com/DimitriMikadze/Lumen-Angular-Todo.git

Create Database

Cd project and run composer update and npm install

cd lumen-angular-todo
composer update 
npm install

Add .env file to root directory.

Example:

APP_ENV=local
APP_DEBUG=true
APP_KEY=SomeSecret

DB_CONNECTION=mysql
DB_HOST=localhost
DB_DATABASE=todos
DB_USERNAME=databaseusername
DB_PASSWORD=databasepassword

CACHE_DRIVER=file
SESSION_DRIVER=file
QUEUE_DRIVER=database

Migrate todos table

php artisan migrate

Start Server

php artisan serve

Grunt Packages

grunt-contrib-concat
grunt-contrib-uglify
grunt-contrib-watch

Start Grunt

grunt

output will look like this

Running "concat:dist" (concat) task
File public/js/app.js created.

Running "uglify:my_target" (uglify) task
>> 1 file created.

Running "watch" task
Waiting...

Lumen

lumen rest api is located in routes.php file, app/Http/routes.php

Angular

you can find angular files in, resources/js

Angular concatenated file in public/js/app. Angular concatenated and minified version in public/js/app.min.js

Contributing

contributions are more than welcome!

License

See license.txt