An application with the concept of kanban board using ReactJS as a frontend Javascript Framework. Developed API using PHP Laravel framework with MySQL database to pass data front to back. In this board you can add your todo lists and smoothly Drag and Drop those lists into in progress or done board. Drag and Drop is fun...
- clone project .
- install composer dependencies using
composer install(of course you need, php and composer . - create
.envfile by copying from.env.example. - run
php artisan key:generatecommand, this will get APP_KEY in.envfile . - create database and fill information in `.env' file .
- now run migrations for creating table
php artisan migrate. - run
php artisan passport:installfor generating access tokens. - Now run
php artisan db:seed, for seeding data to the database. - Now run
php artisan optimize:clear. - For setting base url go to
root/js/bootstrap.jsfile, findwindow.axios.defaults.baseURL = 'http://demo-site.test/api'fill url to call API from backend. - Finally run
npm run devwhich will run your app on local server. - That's It, You can modify and create a pull request, Thanks.
⚡️ Add todo list.
⚡️ Created Drag & Droppable function.
⚡️ Drag & Drop item smoothly into Todo or In progress or Done field.
⚡️ Manage state with context api, laravel api call & Mysql.
⚡️ Managed UI design with custom css.
🪓 axios
🪓 notyf
🪓 lodash
🪓 react-beautiful-dnd