/Todo-App

Laravel Todo List App

Primary LanguagePHP

todo_app_welcome_1366x768_poster todo_app_register_1366x768_poster todo_app_login_1366x768_poster todo_app_my_todos_1366x768_poster todo_app_todo_detail_1366x768_poster todo_app_todo_edit_1366x768_poster

Laravel-Vue-Todo-App

Laravel Vue Todo App Project

Technologies

  • Laravel
  • Vue
  • JavaScript
  • Css
  • Php
  • Html

Dependencies

  • Sanctum
  • Vue-Router
  • Axios
  • Vite
  • Vuex
  • Vuex Persistedstate

Project Setup Process

Install composer (for php packages)

composer install

Create .env file

1. duplicate the ".env.example" in main folder
2. rename the file you copied to ".env"
3. configure the ".env" file you renamed

Create app key

php artisan key:generate

Run migrations (for create database tables)

php artisan migrate

Run seeders (for test datas, example: users, todos)

php artisan db:seed

Run Admin Seeder (for admin user)

php artisan db:seed --class=AdminSeeder

Run project (BackEnd)

php artisan serve

install npm (for npm packages)

npm install

Run project (FrontEnd)

npm run dev

Open Link

http://localhost:8000/

Admin User Credentials

Api Documentation

Users

  • Controller: UserController
  • Model: User
  • Database: users
  • Collection: UserCollection
  • Resource: UserResource
  • Factory: UserFactory
  • Seeder: UserSeeder
  • Main Route: /api/users

Todos

  • Controller: TodoController
  • Model: Todo
  • Database: todos
  • Collection: TodoCollection
  • Resource: TodoResource
  • Factory: TodoFactory
  • Seeder: TodoSeeder
  • Main Route: /api/todos

Pages

  • Welcome (path: '/') - (only guests)
  • Register (path: '/register') - (only guests)
  • Login (path: '/login') - (only users)
  • MyTodos (path: '/my-todos') - (only users)
  • AllTodos (path: '/all-todos') - (only admins)
  • NewTodo (path: '/new-todo') - (only users)
  • TodoDetail (path: '/todo-detail/{:todoId}') - (only users)
  • TodoEdit (path: '/todo-edit/{:todoId}') - (only users)