├── .editorconfig
├── .env.example
├── .gitattributes
├── .gitignore
├── README.md
├── app
    ├── Http
    │   ├── Controllers
    │   │   ├── Auth
    │   │   │   ├── AuthenticatedSessionController.php
    │   │   │   ├── ConfirmablePasswordController.php
    │   │   │   ├── EmailVerificationNotificationController.php
    │   │   │   ├── EmailVerificationPromptController.php
    │   │   │   ├── NewPasswordController.php
    │   │   │   ├── PasswordController.php
    │   │   │   ├── PasswordResetLinkController.php
    │   │   │   ├── RegisteredUserController.php
    │   │   │   └── VerifyEmailController.php
    │   │   ├── Controller.php
    │   │   ├── DashboardController.php
    │   │   ├── ProfileController.php
    │   │   ├── ProjectController.php
    │   │   ├── TaskController.php
    │   │   └── UserController.php
    │   ├── Middleware
    │   │   └── HandleInertiaRequests.php
    │   ├── Requests
    │   │   ├── Auth
    │   │   │   └── LoginRequest.php
    │   │   ├── ProfileUpdateRequest.php
    │   │   ├── StoreProjectRequest.php
    │   │   ├── StoreTaskRequest.php
    │   │   ├── StoreUserRequest.php
    │   │   ├── UpdateProjectRequest.php
    │   │   ├── UpdateTaskRequest.php
    │   │   └── UpdateUserRequest.php
    │   └── Resources
    │   │   ├── ProjectResource.php
    │   │   ├── TaskResource.php
    │   │   ├── UserCrudResource.php
    │   │   └── UserResource.php
    ├── Models
    │   ├── Project.php
    │   ├── Task.php
    │   └── User.php
    └── Providers
    │   └── AppServiceProvider.php
├── artisan
├── bootstrap
    ├── app.php
    ├── cache
    │   └── .gitignore
    └── providers.php
├── composer.json
├── composer.lock
├── config
    └── .gitkeep
├── database
    ├── .gitignore
    ├── factories
    │   ├── ProjectFactory.php
    │   ├── TaskFactory.php
    │   └── UserFactory.php
    ├── migrations
    │   ├── 0001_01_01_000000_create_users_table.php
    │   ├── 0001_01_01_000001_create_cache_table.php
    │   ├── 0001_01_01_000002_create_jobs_table.php
    │   ├── 2024_02_03_102720_create_projects_table.php
    │   └── 2024_02_03_102804_create_tasks_table.php
    └── seeders
    │   └── DatabaseSeeder.php
├── jsconfig.json
├── package-lock.json
├── package.json
├── phpunit.xml
├── postcss.config.js
├── public
    ├── .htaccess
    ├── favicon.ico
    ├── index.php
    └── robots.txt
├── resources
    ├── css
    │   └── app.css
    ├── js
    │   ├── Components
    │   │   ├── ApplicationLogo.jsx
    │   │   ├── Checkbox.jsx
    │   │   ├── DangerButton.jsx
    │   │   ├── Dropdown.jsx
    │   │   ├── InputError.jsx
    │   │   ├── InputLabel.jsx
    │   │   ├── Modal.jsx
    │   │   ├── NavLink.jsx
    │   │   ├── Pagination.jsx
    │   │   ├── PrimaryButton.jsx
    │   │   ├── ResponsiveNavLink.jsx
    │   │   ├── SecondaryButton.jsx
    │   │   ├── SelectInput.jsx
    │   │   ├── TableHeading.jsx
    │   │   ├── TextAreaInput.jsx
    │   │   └── TextInput.jsx
    │   ├── Layouts
    │   │   ├── AuthenticatedLayout.jsx
    │   │   └── GuestLayout.jsx
    │   ├── Pages
    │   │   ├── Auth
    │   │   │   ├── ConfirmPassword.jsx
    │   │   │   ├── ForgotPassword.jsx
    │   │   │   ├── Login.jsx
    │   │   │   ├── Register.jsx
    │   │   │   ├── ResetPassword.jsx
    │   │   │   └── VerifyEmail.jsx
    │   │   ├── Dashboard.jsx
    │   │   ├── Profile
    │   │   │   ├── Edit.jsx
    │   │   │   └── Partials
    │   │   │   │   ├── DeleteUserForm.jsx
    │   │   │   │   ├── UpdatePasswordForm.jsx
    │   │   │   │   └── UpdateProfileInformationForm.jsx
    │   │   ├── Project
    │   │   │   ├── Create.jsx
    │   │   │   ├── Edit.jsx
    │   │   │   ├── Index.jsx
    │   │   │   └── Show.jsx
    │   │   ├── Task
    │   │   │   ├── Create.jsx
    │   │   │   ├── Edit.jsx
    │   │   │   ├── Index.jsx
    │   │   │   ├── Show.jsx
    │   │   │   └── TasksTable.jsx
    │   │   ├── User
    │   │   │   ├── Create.jsx
    │   │   │   ├── Edit.jsx
    │   │   │   ├── Index.jsx
    │   │   │   └── Show.jsx
    │   │   └── Welcome.jsx
    │   ├── app.jsx
    │   ├── bootstrap.js
    │   └── constants.jsx
    └── views
    │   ├── app.blade.php
    │   └── welcome.blade.php
├── routes
    ├── auth.php
    ├── console.php
    └── web.php
├── storage
    ├── app
    │   ├── .gitignore
    │   └── public
    │   │   └── .gitignore
    ├── framework
    │   ├── .gitignore
    │   ├── cache
    │   │   ├── .gitignore
    │   │   └── data
    │   │   │   └── .gitignore
    │   ├── sessions
    │   │   └── .gitignore
    │   ├── testing
    │   │   └── .gitignore
    │   └── views
    │   │   └── .gitignore
    └── logs
    │   └── .gitignore
├── tailwind.config.js
├── tests
    ├── Feature
    │   ├── Auth
    │   │   ├── AuthenticationTest.php
    │   │   ├── EmailVerificationTest.php
    │   │   ├── PasswordConfirmationTest.php
    │   │   ├── PasswordResetTest.php
    │   │   ├── PasswordUpdateTest.php
    │   │   └── RegistrationTest.php
    │   ├── ExampleTest.php
    │   └── ProfileTest.php
    ├── Pest.php
    ├── TestCase.php
    └── Unit
    │   └── ExampleTest.php
└── vite.config.js


/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | end_of_line = lf
 6 | indent_size = 4
 7 | indent_style = space
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.{js,jsx}]
12 | indent_size = 2
13 | 
14 | [*.md]
15 | trim_trailing_whitespace = false
16 | 
17 | [*.{yml,yaml}]
18 | indent_size = 2
19 | 
20 | [docker-compose.yml]
21 | indent_size = 4
22 | 


--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
 1 | APP_NAME=Laravel
 2 | APP_ENV=local
 3 | APP_KEY=
 4 | APP_DEBUG=true
 5 | APP_TIMEZONE=UTC
 6 | APP_URL=http://localhost
 7 | 
 8 | APP_LOCALE=en
 9 | APP_FALLBACK_LOCALE=en
10 | APP_FAKER_LOCALE=en_US
11 | 
12 | APP_MAINTENANCE_DRIVER=file
13 | APP_MAINTENANCE_STORE=database
14 | 
15 | BCRYPT_ROUNDS=12
16 | 
17 | LOG_CHANNEL=stack
18 | LOG_STACK=single
19 | LOG_DEPRECATIONS_CHANNEL=null
20 | LOG_LEVEL=debug
21 | 
22 | DB_CONNECTION=sqlite
23 | # DB_HOST=127.0.0.1
24 | # DB_PORT=3306
25 | # DB_DATABASE=laravel
26 | # DB_USERNAME=root
27 | # DB_PASSWORD=
28 | 
29 | BROADCAST_CONNECTION=log
30 | CACHE_STORE=database
31 | FILESYSTEM_DISK=local
32 | QUEUE_CONNECTION=database
33 | SESSION_DRIVER=database
34 | SESSION_LIFETIME=120
35 | 
36 | MEMCACHED_HOST=127.0.0.1
37 | 
38 | REDIS_CLIENT=phpredis
39 | REDIS_HOST=127.0.0.1
40 | REDIS_PASSWORD=null
41 | REDIS_PORT=6379
42 | 
43 | MAIL_MAILER=log
44 | MAIL_HOST=127.0.0.1
45 | MAIL_PORT=2525
46 | MAIL_USERNAME=null
47 | MAIL_PASSWORD=null
48 | MAIL_ENCRYPTION=null
49 | MAIL_FROM_ADDRESS="hello@example.com"
50 | MAIL_FROM_NAME="${APP_NAME}"
51 | 
52 | AWS_ACCESS_KEY_ID=
53 | AWS_SECRET_ACCESS_KEY=
54 | AWS_DEFAULT_REGION=us-east-1
55 | AWS_BUCKET=
56 | AWS_USE_PATH_STYLE_ENDPOINT=false
57 | 
58 | PUSHER_APP_ID=
59 | PUSHER_APP_KEY=
60 | PUSHER_APP_SECRET=
61 | PUSHER_HOST=
62 | PUSHER_PORT=443
63 | PUSHER_SCHEME=https
64 | PUSHER_APP_CLUSTER=mt1
65 | 
66 | VITE_APP_NAME="${APP_NAME}"
67 | VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
68 | VITE_PUSHER_HOST="${PUSHER_HOST}"
69 | VITE_PUSHER_PORT="${PUSHER_PORT}"
70 | VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
71 | VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
72 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
 1 | * text=auto eol=lf
 2 | 
 3 | *.blade.php diff=html
 4 | *.css diff=css
 5 | *.html diff=html
 6 | *.md diff=markdown
 7 | *.php diff=php
 8 | 
 9 | /.github export-ignore
10 | CHANGELOG.md export-ignore
11 | .styleci.yml export-ignore
12 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /.phpunit.cache
 2 | /node_modules
 3 | /public/build
 4 | /public/hot
 5 | /public/storage
 6 | /storage/*.key
 7 | /vendor
 8 | .env
 9 | .env.backup
10 | .env.production
11 | .phpunit.result.cache
12 | Homestead.json
13 | Homestead.yaml
14 | auth.json
15 | npm-debug.log
16 | yarn-error.log
17 | /.fleet
18 | /.idea
19 | /.vscode
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Laravel 11 + React SPA Project
 2 | A simple project management application using Laravel 11 and React.
 3 | 
 4 | The project was developed for [the following](https://youtu.be/VrQRa-afCAk) YouTube tutorial.
 5 | 
 6 | ## Features
 7 | 1. Registration & Login
 8 | 2. Projects CRUD with sorting, filtering and pagination
 9 | 3. Tasks CRUD with sorting, filtering and pagination
10 | 4. Create Tasks inside project
11 | 5. Show all tasks or show tasks for a specific project
12 | 6. Assign users to tasks
13 | 7. View Tasks assigned to me
14 | 8. Show dashboard with overview information
15 | 
16 | ## Installation
17 | 1. Clone the project
18 | 2. Navigate to the project's root directory using terminal
19 | 3. Create `.env` file - `cp .env.example .env`
20 | 4. Execute `composer install`
21 | 5. Execute `npm install`
22 | 6. Set application key - `php artisan key:generate --ansi`
23 | 7. Execute migrations and seed data - `php artisan migrate --seed`
24 | 8. Start vite server - `npm run dev`
25 | 9. Start Artisan server - `php artisan serve`
26 | 
27 | ## Demo
28 | Coming soon...
29 | 
30 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/AuthenticatedSessionController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use App\Http\Requests\Auth\LoginRequest;
 7 | use Illuminate\Http\RedirectResponse;
 8 | use Illuminate\Http\Request;
 9 | use Illuminate\Support\Facades\Auth;
10 | use Illuminate\Support\Facades\Route;
11 | use Inertia\Inertia;
12 | use Inertia\Response;
13 | 
14 | class AuthenticatedSessionController extends Controller
15 | {
16 |     /**
17 |      * Display the login view.
18 |      */
19 |     public function create(): Response
20 |     {
21 |         return Inertia::render('Auth/Login', [
22 |             'canResetPassword' => Route::has('password.request'),
23 |             'status' => session('status'),
24 |         ]);
25 |     }
26 | 
27 |     /**
28 |      * Handle an incoming authentication request.
29 |      */
30 |     public function store(LoginRequest $request): RedirectResponse
31 |     {
32 |         $request->authenticate();
33 | 
34 |         $request->session()->regenerate();
35 | 
36 |         return redirect()->intended(route('dashboard', absolute: false));
37 |     }
38 | 
39 |     /**
40 |      * Destroy an authenticated session.
41 |      */
42 |     public function destroy(Request $request): RedirectResponse
43 |     {
44 |         Auth::guard('web')->logout();
45 | 
46 |         $request->session()->invalidate();
47 | 
48 |         $request->session()->regenerateToken();
49 | 
50 |         return redirect('/');
51 |     }
52 | }
53 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/ConfirmablePasswordController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Auth;
 9 | use Illuminate\Validation\ValidationException;
10 | use Inertia\Inertia;
11 | use Inertia\Response;
12 | 
13 | class ConfirmablePasswordController extends Controller
14 | {
15 |     /**
16 |      * Show the confirm password view.
17 |      */
18 |     public function show(): Response
19 |     {
20 |         return Inertia::render('Auth/ConfirmPassword');
21 |     }
22 | 
23 |     /**
24 |      * Confirm the user's password.
25 |      */
26 |     public function store(Request $request): RedirectResponse
27 |     {
28 |         if (! Auth::guard('web')->validate([
29 |             'email' => $request->user()->email,
30 |             'password' => $request->password,
31 |         ])) {
32 |             throw ValidationException::withMessages([
33 |                 'password' => __('auth.password'),
34 |             ]);
35 |         }
36 | 
37 |         $request->session()->put('auth.password_confirmed_at', time());
38 | 
39 |         return redirect()->intended(route('dashboard', absolute: false));
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/EmailVerificationNotificationController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | 
 9 | class EmailVerificationNotificationController extends Controller
10 | {
11 |     /**
12 |      * Send a new email verification notification.
13 |      */
14 |     public function store(Request $request): RedirectResponse
15 |     {
16 |         if ($request->user()->hasVerifiedEmail()) {
17 |             return redirect()->intended(route('dashboard', absolute: false));
18 |         }
19 | 
20 |         $request->user()->sendEmailVerificationNotification();
21 | 
22 |         return back()->with('status', 'verification-link-sent');
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/EmailVerificationPromptController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Inertia\Inertia;
 9 | use Inertia\Response;
10 | 
11 | class EmailVerificationPromptController extends Controller
12 | {
13 |     /**
14 |      * Display the email verification prompt.
15 |      */
16 |     public function __invoke(Request $request): RedirectResponse|Response
17 |     {
18 |         return $request->user()->hasVerifiedEmail()
19 |                     ? redirect()->intended(route('dashboard', absolute: false))
20 |                     : Inertia::render('Auth/VerifyEmail', ['status' => session('status')]);
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/NewPasswordController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Auth\Events\PasswordReset;
 7 | use Illuminate\Http\RedirectResponse;
 8 | use Illuminate\Http\Request;
 9 | use Illuminate\Support\Facades\Hash;
10 | use Illuminate\Support\Facades\Password;
11 | use Illuminate\Support\Str;
12 | use Illuminate\Validation\Rules;
13 | use Illuminate\Validation\ValidationException;
14 | use Inertia\Inertia;
15 | use Inertia\Response;
16 | 
17 | class NewPasswordController extends Controller
18 | {
19 |     /**
20 |      * Display the password reset view.
21 |      */
22 |     public function create(Request $request): Response
23 |     {
24 |         return Inertia::render('Auth/ResetPassword', [
25 |             'email' => $request->email,
26 |             'token' => $request->route('token'),
27 |         ]);
28 |     }
29 | 
30 |     /**
31 |      * Handle an incoming new password request.
32 |      *
33 |      * @throws \Illuminate\Validation\ValidationException
34 |      */
35 |     public function store(Request $request): RedirectResponse
36 |     {
37 |         $request->validate([
38 |             'token' => 'required',
39 |             'email' => 'required|email',
40 |             'password' => ['required', 'confirmed', Rules\Password::defaults()],
41 |         ]);
42 | 
43 |         // Here we will attempt to reset the user's password. If it is successful we
44 |         // will update the password on an actual user model and persist it to the
45 |         // database. Otherwise we will parse the error and return the response.
46 |         $status = Password::reset(
47 |             $request->only('email', 'password', 'password_confirmation', 'token'),
48 |             function ($user) use ($request) {
49 |                 $user->forceFill([
50 |                     'password' => Hash::make($request->password),
51 |                     'remember_token' => Str::random(60),
52 |                 ])->save();
53 | 
54 |                 event(new PasswordReset($user));
55 |             }
56 |         );
57 | 
58 |         // If the password was successfully reset, we will redirect the user back to
59 |         // the application's home authenticated view. If there is an error we can
60 |         // redirect them back to where they came from with their error message.
61 |         if ($status == Password::PASSWORD_RESET) {
62 |             return redirect()->route('login')->with('status', __($status));
63 |         }
64 | 
65 |         throw ValidationException::withMessages([
66 |             'email' => [trans($status)],
67 |         ]);
68 |     }
69 | }
70 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/PasswordController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Hash;
 9 | use Illuminate\Validation\Rules\Password;
10 | 
11 | class PasswordController extends Controller
12 | {
13 |     /**
14 |      * Update the user's password.
15 |      */
16 |     public function update(Request $request): RedirectResponse
17 |     {
18 |         $validated = $request->validate([
19 |             'current_password' => ['required', 'current_password'],
20 |             'password' => ['required', Password::defaults(), 'confirmed'],
21 |         ]);
22 | 
23 |         $request->user()->update([
24 |             'password' => Hash::make($validated['password']),
25 |         ]);
26 | 
27 |         return back();
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/PasswordResetLinkController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Password;
 9 | use Illuminate\Validation\ValidationException;
10 | use Inertia\Inertia;
11 | use Inertia\Response;
12 | 
13 | class PasswordResetLinkController extends Controller
14 | {
15 |     /**
16 |      * Display the password reset link request view.
17 |      */
18 |     public function create(): Response
19 |     {
20 |         return Inertia::render('Auth/ForgotPassword', [
21 |             'status' => session('status'),
22 |         ]);
23 |     }
24 | 
25 |     /**
26 |      * Handle an incoming password reset link request.
27 |      *
28 |      * @throws \Illuminate\Validation\ValidationException
29 |      */
30 |     public function store(Request $request): RedirectResponse
31 |     {
32 |         $request->validate([
33 |             'email' => 'required|email',
34 |         ]);
35 | 
36 |         // We will send the password reset link to this user. Once we have attempted
37 |         // to send the link, we will examine the response then see the message we
38 |         // need to show to the user. Finally, we'll send out a proper response.
39 |         $status = Password::sendResetLink(
40 |             $request->only('email')
41 |         );
42 | 
43 |         if ($status == Password::RESET_LINK_SENT) {
44 |             return back()->with('status', __($status));
45 |         }
46 | 
47 |         throw ValidationException::withMessages([
48 |             'email' => [trans($status)],
49 |         ]);
50 |     }
51 | }
52 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/RegisteredUserController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use App\Models\User;
 7 | use Illuminate\Auth\Events\Registered;
 8 | use Illuminate\Http\RedirectResponse;
 9 | use Illuminate\Http\Request;
10 | use Illuminate\Support\Facades\Auth;
11 | use Illuminate\Support\Facades\Hash;
12 | use Illuminate\Validation\Rules;
13 | use Inertia\Inertia;
14 | use Inertia\Response;
15 | 
16 | class RegisteredUserController extends Controller
17 | {
18 |     /**
19 |      * Display the registration view.
20 |      */
21 |     public function create(): Response
22 |     {
23 |         return Inertia::render('Auth/Register');
24 |     }
25 | 
26 |     /**
27 |      * Handle an incoming registration request.
28 |      *
29 |      * @throws \Illuminate\Validation\ValidationException
30 |      */
31 |     public function store(Request $request): RedirectResponse
32 |     {
33 |         $request->validate([
34 |             'name' => 'required|string|max:255',
35 |             'email' => 'required|string|lowercase|email|max:255|unique:'.User::class,
36 |             'password' => ['required', 'confirmed', Rules\Password::defaults()],
37 |         ]);
38 | 
39 |         $user = User::create([
40 |             'name' => $request->name,
41 |             'email' => $request->email,
42 |             'password' => Hash::make($request->password),
43 |         ]);
44 | 
45 |         event(new Registered($user));
46 | 
47 |         Auth::login($user);
48 | 
49 |         return redirect(route('dashboard', absolute: false));
50 |     }
51 | }
52 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/VerifyEmailController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Auth\Events\Verified;
 7 | use Illuminate\Foundation\Auth\EmailVerificationRequest;
 8 | use Illuminate\Http\RedirectResponse;
 9 | 
10 | class VerifyEmailController extends Controller
11 | {
12 |     /**
13 |      * Mark the authenticated user's email address as verified.
14 |      */
15 |     public function __invoke(EmailVerificationRequest $request): RedirectResponse
16 |     {
17 |         if ($request->user()->hasVerifiedEmail()) {
18 |             return redirect()->intended(route('dashboard', absolute: false).'?verified=1');
19 |         }
20 | 
21 |         if ($request->user()->markEmailAsVerified()) {
22 |             event(new Verified($request->user()));
23 |         }
24 | 
25 |         return redirect()->intended(route('dashboard', absolute: false).'?verified=1');
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Controller.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | namespace App\Http\Controllers;
4 | 
5 | abstract class Controller
6 | {
7 |     //
8 | }
9 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/DashboardController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers;
 4 | 
 5 | use App\Http\Resources\TaskResource;
 6 | use App\Models\Task;
 7 | use Illuminate\Http\Request;
 8 | 
 9 | class DashboardController extends Controller
10 | {
11 |     public function index()
12 |     {
13 |         $user = auth()->user();
14 |         $totalPendingTasks = Task::query()
15 |             ->where('status', 'pending')
16 |             ->count();
17 |         $myPendingTasks = Task::query()
18 |             ->where('status', 'pending')
19 |             ->where('assigned_user_id', $user->id)
20 |             ->count();
21 | 
22 | 
23 |         $totalProgressTasks = Task::query()
24 |             ->where('status', 'in_progress')
25 |             ->count();
26 |         $myProgressTasks = Task::query()
27 |             ->where('status', 'in_progress')
28 |             ->where('assigned_user_id', $user->id)
29 |             ->count();
30 | 
31 | 
32 |         $totalCompletedTasks = Task::query()
33 |             ->where('status', 'completed')
34 |             ->count();
35 |         $myCompletedTasks = Task::query()
36 |             ->where('status', 'completed')
37 |             ->where('assigned_user_id', $user->id)
38 |             ->count();
39 | 
40 |         $activeTasks = Task::query()
41 |             ->whereIn('status', ['pending', 'in_progress'])
42 |             ->where('assigned_user_id', $user->id)
43 |             ->limit(10)
44 |             ->get();
45 |         $activeTasks = TaskResource::collection($activeTasks);
46 |         return inertia(
47 |             'Dashboard',
48 |             compact(
49 |                 'totalPendingTasks',
50 |                 'myPendingTasks',
51 |                 'totalProgressTasks',
52 |                 'myProgressTasks',
53 |                 'totalCompletedTasks',
54 |                 'myCompletedTasks',
55 |                 'activeTasks'
56 |             )
57 |         );
58 |     }
59 | }
60 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/ProfileController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers;
 4 | 
 5 | use App\Http\Requests\ProfileUpdateRequest;
 6 | use Illuminate\Contracts\Auth\MustVerifyEmail;
 7 | use Illuminate\Http\RedirectResponse;
 8 | use Illuminate\Http\Request;
 9 | use Illuminate\Support\Facades\Auth;
10 | use Illuminate\Support\Facades\Redirect;
11 | use Inertia\Inertia;
12 | use Inertia\Response;
13 | 
14 | class ProfileController extends Controller
15 | {
16 |     /**
17 |      * Display the user's profile form.
18 |      */
19 |     public function edit(Request $request): Response
20 |     {
21 |         return Inertia::render('Profile/Edit', [
22 |             'mustVerifyEmail' => $request->user() instanceof MustVerifyEmail,
23 |             'status' => session('status'),
24 |         ]);
25 |     }
26 | 
27 |     /**
28 |      * Update the user's profile information.
29 |      */
30 |     public function update(ProfileUpdateRequest $request): RedirectResponse
31 |     {
32 |         $request->user()->fill($request->validated());
33 | 
34 |         if ($request->user()->isDirty('email')) {
35 |             $request->user()->email_verified_at = null;
36 |         }
37 | 
38 |         $request->user()->save();
39 | 
40 |         return Redirect::route('profile.edit');
41 |     }
42 | 
43 |     /**
44 |      * Delete the user's account.
45 |      */
46 |     public function destroy(Request $request): RedirectResponse
47 |     {
48 |         $request->validate([
49 |             'password' => ['required', 'current_password'],
50 |         ]);
51 | 
52 |         $user = $request->user();
53 | 
54 |         Auth::logout();
55 | 
56 |         $user->delete();
57 | 
58 |         $request->session()->invalidate();
59 |         $request->session()->regenerateToken();
60 | 
61 |         return Redirect::to('/');
62 |     }
63 | }
64 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/ProjectController.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace App\Http\Controllers;
  4 | 
  5 | use App\Http\Resources\ProjectResource;
  6 | use App\Http\Resources\TaskResource;
  7 | use App\Models\Project;
  8 | use App\Http\Requests\StoreProjectRequest;
  9 | use App\Http\Requests\UpdateProjectRequest;
 10 | use Illuminate\Support\Facades\Auth;
 11 | use Illuminate\Support\Facades\Storage;
 12 | use Illuminate\Support\Str;
 13 | 
 14 | class ProjectController extends Controller
 15 | {
 16 |     /**
 17 |      * Display a listing of the resource.
 18 |      */
 19 |     public function index()
 20 |     {
 21 |         $query = Project::query();
 22 | 
 23 |         $sortField = request("sort_field", 'created_at');
 24 |         $sortDirection = request("sort_direction", "desc");
 25 | 
 26 |         if (request("name")) {
 27 |             $query->where("name", "like", "%" . request("name") . "%");
 28 |         }
 29 |         if (request("status")) {
 30 |             $query->where("status", request("status"));
 31 |         }
 32 | 
 33 |         $projects = $query->orderBy($sortField, $sortDirection)
 34 |             ->paginate(10)
 35 |             ->onEachSide(1);
 36 | 
 37 |         return inertia("Project/Index", [
 38 |             "projects" => ProjectResource::collection($projects),
 39 |             'queryParams' => request()->query() ?: null,
 40 |             'success' => session('success'),
 41 |         ]);
 42 |     }
 43 | 
 44 |     /**
 45 |      * Show the form for creating a new resource.
 46 |      */
 47 |     public function create()
 48 |     {
 49 |         return inertia("Project/Create");
 50 |     }
 51 | 
 52 |     /**
 53 |      * Store a newly created resource in storage.
 54 |      */
 55 |     public function store(StoreProjectRequest $request)
 56 |     {
 57 |         $data = $request->validated();
 58 |         /** @var $image \Illuminate\Http\UploadedFile */
 59 |         $image = $data['image'] ?? null;
 60 |         $data['created_by'] = Auth::id();
 61 |         $data['updated_by'] = Auth::id();
 62 |         if ($image) {
 63 |             $data['image_path'] = $image->store('project/' . Str::random(), 'public');
 64 |         }
 65 |         Project::create($data);
 66 | 
 67 |         return to_route('project.index')
 68 |             ->with('success', 'Project was created');
 69 |     }
 70 | 
 71 |     /**
 72 |      * Display the specified resource.
 73 |      */
 74 |     public function show(Project $project)
 75 |     {
 76 |         $query = $project->tasks();
 77 | 
 78 |         $sortField = request("sort_field", 'created_at');
 79 |         $sortDirection = request("sort_direction", "desc");
 80 | 
 81 |         if (request("name")) {
 82 |             $query->where("name", "like", "%" . request("name") . "%");
 83 |         }
 84 |         if (request("status")) {
 85 |             $query->where("status", request("status"));
 86 |         }
 87 | 
 88 |         $tasks = $query->orderBy($sortField, $sortDirection)
 89 |             ->paginate(10)
 90 |             ->onEachSide(1);
 91 |         return inertia('Project/Show', [
 92 |             'project' => new ProjectResource($project),
 93 |             "tasks" => TaskResource::collection($tasks),
 94 |             'queryParams' => request()->query() ?: null,
 95 |             'success' => session('success'),
 96 |         ]);
 97 |     }
 98 | 
 99 |     /**
100 |      * Show the form for editing the specified resource.
101 |      */
102 |     public function edit(Project $project)
103 |     {
104 |         return inertia('Project/Edit', [
105 |             'project' => new ProjectResource($project),
106 |         ]);
107 |     }
108 | 
109 |     /**
110 |      * Update the specified resource in storage.
111 |      */
112 |     public function update(UpdateProjectRequest $request, Project $project)
113 |     {
114 |         $data = $request->validated();
115 |         $image = $data['image'] ?? null;
116 |         $data['updated_by'] = Auth::id();
117 |         if ($image) {
118 |             if ($project->image_path) {
119 |                 Storage::disk('public')->deleteDirectory(dirname($project->image_path));
120 |             }
121 |             $data['image_path'] = $image->store('project/' . Str::random(), 'public');
122 |         }
123 |         $project->update($data);
124 | 
125 |         return to_route('project.index')
126 |             ->with('success', "Project \"$project->name\" was updated");
127 |     }
128 | 
129 |     /**
130 |      * Remove the specified resource from storage.
131 |      */
132 |     public function destroy(Project $project)
133 |     {
134 |         $name = $project->name;
135 |         $project->delete();
136 |         if ($project->image_path) {
137 |             Storage::disk('public')->deleteDirectory(dirname($project->image_path));
138 |         }
139 |         return to_route('project.index')
140 |             ->with('success', "Project \"$name\" was deleted");
141 |     }
142 | }
143 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/TaskController.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace App\Http\Controllers;
  4 | 
  5 | use App\Http\Resources\ProjectResource;
  6 | use App\Http\Resources\TaskResource;
  7 | use App\Http\Resources\UserResource;
  8 | use App\Models\Project;
  9 | use App\Models\Task;
 10 | use App\Http\Requests\StoreTaskRequest;
 11 | use App\Http\Requests\UpdateTaskRequest;
 12 | use App\Models\User;
 13 | use Illuminate\Support\Facades\Auth;
 14 | use Illuminate\Support\Facades\Storage;
 15 | use Illuminate\Support\Str;
 16 | 
 17 | class TaskController extends Controller
 18 | {
 19 |     /**
 20 |      * Display a listing of the resource.
 21 |      */
 22 |     public function index()
 23 |     {
 24 |         $query = Task::query();
 25 | 
 26 |         $sortField = request("sort_field", 'created_at');
 27 |         $sortDirection = request("sort_direction", "desc");
 28 | 
 29 |         if (request("name")) {
 30 |             $query->where("name", "like", "%" . request("name") . "%");
 31 |         }
 32 |         if (request("status")) {
 33 |             $query->where("status", request("status"));
 34 |         }
 35 | 
 36 |         $tasks = $query->orderBy($sortField, $sortDirection)
 37 |             ->paginate(10)
 38 |             ->onEachSide(1);
 39 | 
 40 |         return inertia("Task/Index", [
 41 |             "tasks" => TaskResource::collection($tasks),
 42 |             'queryParams' => request()->query() ?: null,
 43 |             'success' => session('success'),
 44 |         ]);
 45 |     }
 46 | 
 47 |     /**
 48 |      * Show the form for creating a new resource.
 49 |      */
 50 |     public function create()
 51 |     {
 52 |         $projects = Project::query()->orderBy('name', 'asc')->get();
 53 |         $users = User::query()->orderBy('name', 'asc')->get();
 54 | 
 55 |         return inertia("Task/Create", [
 56 |             'projects' => ProjectResource::collection($projects),
 57 |             'users' => UserResource::collection($users),
 58 |         ]);
 59 |     }
 60 | 
 61 |     /**
 62 |      * Store a newly created resource in storage.
 63 |      */
 64 |     public function store(StoreTaskRequest $request)
 65 |     {
 66 |         $data = $request->validated();
 67 |         /** @var $image \Illuminate\Http\UploadedFile */
 68 |         $image = $data['image'] ?? null;
 69 |         $data['created_by'] = Auth::id();
 70 |         $data['updated_by'] = Auth::id();
 71 |         if ($image) {
 72 |             $data['image_path'] = $image->store('task/' . Str::random(), 'public');
 73 |         }
 74 |         Task::create($data);
 75 | 
 76 |         return to_route('task.index')
 77 |             ->with('success', 'Task was created');
 78 |     }
 79 | 
 80 |     /**
 81 |      * Display the specified resource.
 82 |      */
 83 |     public function show(Task $task)
 84 |     {
 85 |         return inertia('Task/Show', [
 86 |             'task' => new TaskResource($task),
 87 |         ]);
 88 |     }
 89 | 
 90 |     /**
 91 |      * Show the form for editing the specified resource.
 92 |      */
 93 |     public function edit(Task $task)
 94 |     {
 95 |         $projects = Project::query()->orderBy('name', 'asc')->get();
 96 |         $users = User::query()->orderBy('name', 'asc')->get();
 97 | 
 98 |         return inertia("Task/Edit", [
 99 |             'task' => new TaskResource($task),
100 |             'projects' => ProjectResource::collection($projects),
101 |             'users' => UserResource::collection($users),
102 |         ]);
103 |     }
104 | 
105 |     /**
106 |      * Update the specified resource in storage.
107 |      */
108 |     public function update(UpdateTaskRequest $request, Task $task)
109 |     {
110 |         $data = $request->validated();
111 |         $image = $data['image'] ?? null;
112 |         $data['updated_by'] = Auth::id();
113 |         if ($image) {
114 |             if ($task->image_path) {
115 |                 Storage::disk('public')->deleteDirectory(dirname($task->image_path));
116 |             }
117 |             $data['image_path'] = $image->store('task/' . Str::random(), 'public');
118 |         }
119 |         $task->update($data);
120 | 
121 |         return to_route('task.index')
122 |             ->with('success', "Task \"$task->name\" was updated");
123 |     }
124 | 
125 |     /**
126 |      * Remove the specified resource from storage.
127 |      */
128 |     public function destroy(Task $task)
129 |     {
130 |         $name = $task->name;
131 |         $task->delete();
132 |         if ($task->image_path) {
133 |             Storage::disk('public')->deleteDirectory(dirname($task->image_path));
134 |         }
135 |         return to_route('task.index')
136 |             ->with('success', "Task \"$name\" was deleted");
137 |     }
138 | 
139 |     public function myTasks()
140 |     {
141 |         $user = auth()->user();
142 |         $query = Task::query()->where('assigned_user_id', $user->id);
143 | 
144 |         $sortField = request("sort_field", 'created_at');
145 |         $sortDirection = request("sort_direction", "desc");
146 | 
147 |         if (request("name")) {
148 |             $query->where("name", "like", "%" . request("name") . "%");
149 |         }
150 |         if (request("status")) {
151 |             $query->where("status", request("status"));
152 |         }
153 | 
154 |         $tasks = $query->orderBy($sortField, $sortDirection)
155 |             ->paginate(10)
156 |             ->onEachSide(1);
157 | 
158 |         return inertia("Task/Index", [
159 |             "tasks" => TaskResource::collection($tasks),
160 |             'queryParams' => request()->query() ?: null,
161 |             'success' => session('success'),
162 |         ]);
163 |     }
164 | }
165 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/UserController.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace App\Http\Controllers;
  4 | 
  5 | use App\Http\Resources\UserCrudResource;
  6 | use App\Models\User;
  7 | use App\Http\Requests\StoreUserRequest;
  8 | use App\Http\Requests\UpdateUserRequest;
  9 | 
 10 | class UserController extends Controller
 11 | {
 12 |     /**
 13 |      * Display a listing of the resource.
 14 |      */
 15 |     public function index()
 16 |     {
 17 |         $query = User::query();
 18 | 
 19 |         $sortField = request("sort_field", 'created_at');
 20 |         $sortDirection = request("sort_direction", "desc");
 21 | 
 22 |         if (request("name")) {
 23 |             $query->where("name", "like", "%" . request("name") . "%");
 24 |         }
 25 |         if (request("email")) {
 26 |             $query->where("email", "like", "%" . request("email") . "%");
 27 |         }
 28 | 
 29 |         $users = $query->orderBy($sortField, $sortDirection)
 30 |             ->paginate(10)
 31 |             ->onEachSide(1);
 32 | 
 33 |         return inertia("User/Index", [
 34 |             "users" => UserCrudResource::collection($users),
 35 |             'queryParams' => request()->query() ?: null,
 36 |             'success' => session('success'),
 37 |         ]);
 38 |     }
 39 | 
 40 |     /**
 41 |      * Show the form for creating a new resource.
 42 |      */
 43 |     public function create()
 44 |     {
 45 |         return inertia("User/Create");
 46 |     }
 47 | 
 48 |     /**
 49 |      * Store a newly created resource in storage.
 50 |      */
 51 |     public function store(StoreUserRequest $request)
 52 |     {
 53 |         $data = $request->validated();
 54 |         $data['email_verified_at'] = time();
 55 |         $data['password'] = bcrypt($data['password']);
 56 |         User::create($data);
 57 | 
 58 |         return to_route('user.index')
 59 |             ->with('success', 'User was created');
 60 |     }
 61 | 
 62 |     /**
 63 |      * Display the specified resource.
 64 |      */
 65 |     public function show(User $user)
 66 |     {
 67 |         //
 68 |     }
 69 | 
 70 |     /**
 71 |      * Show the form for editing the specified resource.
 72 |      */
 73 |     public function edit(User $user)
 74 |     {
 75 |         return inertia('User/Edit', [
 76 |             'user' => new UserCrudResource($user),
 77 |         ]);
 78 |     }
 79 | 
 80 |     /**
 81 |      * Update the specified resource in storage.
 82 |      */
 83 |     public function update(UpdateUserRequest $request, User $user)
 84 |     {
 85 |         $data = $request->validated();
 86 |         $password = $data['password'] ?? null;
 87 |         if ($password) {
 88 |             $data['password'] = bcrypt($password);
 89 |         } else {
 90 |             unset($data['password']);
 91 |         }
 92 |         $user->update($data);
 93 | 
 94 |         return to_route('user.index')
 95 |             ->with('success', "User \"$user->name\" was updated");
 96 |     }
 97 | 
 98 |     /**
 99 |      * Remove the specified resource from storage.
100 |      */
101 |     public function destroy(User $user)
102 |     {
103 |         $name = $user->name;
104 |         $user->delete();
105 |         return to_route('user.index')
106 |             ->with('success', "User \"$name\" was deleted");
107 |     }
108 | }
109 | 


--------------------------------------------------------------------------------
/app/Http/Middleware/HandleInertiaRequests.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Middleware;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | use Inertia\Middleware;
 7 | 
 8 | class HandleInertiaRequests extends Middleware
 9 | {
10 |     /**
11 |      * The root template that is loaded on the first page visit.
12 |      *
13 |      * @var string
14 |      */
15 |     protected $rootView = 'app';
16 | 
17 |     /**
18 |      * Determine the current asset version.
19 |      */
20 |     public function version(Request $request): string|null
21 |     {
22 |         return parent::version($request);
23 |     }
24 | 
25 |     /**
26 |      * Define the props that are shared by default.
27 |      *
28 |      * @return array<string, mixed>
29 |      */
30 |     public function share(Request $request): array
31 |     {
32 |         return [
33 |             ...parent::share($request),
34 |             'auth' => [
35 |                 'user' => $request->user(),
36 |             ],
37 |         ];
38 |     }
39 | }
40 | 


--------------------------------------------------------------------------------
/app/Http/Requests/Auth/LoginRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests\Auth;
 4 | 
 5 | use Illuminate\Auth\Events\Lockout;
 6 | use Illuminate\Foundation\Http\FormRequest;
 7 | use Illuminate\Support\Facades\Auth;
 8 | use Illuminate\Support\Facades\RateLimiter;
 9 | use Illuminate\Support\Str;
10 | use Illuminate\Validation\ValidationException;
11 | 
12 | class LoginRequest extends FormRequest
13 | {
14 |     /**
15 |      * Determine if the user is authorized to make this request.
16 |      */
17 |     public function authorize(): bool
18 |     {
19 |         return true;
20 |     }
21 | 
22 |     /**
23 |      * Get the validation rules that apply to the request.
24 |      *
25 |      * @return array<string, \Illuminate\Contracts\Validation\Rule|array|string>
26 |      */
27 |     public function rules(): array
28 |     {
29 |         return [
30 |             'email' => ['required', 'string', 'email'],
31 |             'password' => ['required', 'string'],
32 |         ];
33 |     }
34 | 
35 |     /**
36 |      * Attempt to authenticate the request's credentials.
37 |      *
38 |      * @throws \Illuminate\Validation\ValidationException
39 |      */
40 |     public function authenticate(): void
41 |     {
42 |         $this->ensureIsNotRateLimited();
43 | 
44 |         if (! Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
45 |             RateLimiter::hit($this->throttleKey());
46 | 
47 |             throw ValidationException::withMessages([
48 |                 'email' => trans('auth.failed'),
49 |             ]);
50 |         }
51 | 
52 |         RateLimiter::clear($this->throttleKey());
53 |     }
54 | 
55 |     /**
56 |      * Ensure the login request is not rate limited.
57 |      *
58 |      * @throws \Illuminate\Validation\ValidationException
59 |      */
60 |     public function ensureIsNotRateLimited(): void
61 |     {
62 |         if (! RateLimiter::tooManyAttempts($this->throttleKey(), 5)) {
63 |             return;
64 |         }
65 | 
66 |         event(new Lockout($this));
67 | 
68 |         $seconds = RateLimiter::availableIn($this->throttleKey());
69 | 
70 |         throw ValidationException::withMessages([
71 |             'email' => trans('auth.throttle', [
72 |                 'seconds' => $seconds,
73 |                 'minutes' => ceil($seconds / 60),
74 |             ]),
75 |         ]);
76 |     }
77 | 
78 |     /**
79 |      * Get the rate limiting throttle key for the request.
80 |      */
81 |     public function throttleKey(): string
82 |     {
83 |         return Str::transliterate(Str::lower($this->input('email')).'|'.$this->ip());
84 |     }
85 | }
86 | 


--------------------------------------------------------------------------------
/app/Http/Requests/ProfileUpdateRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use App\Models\User;
 6 | use Illuminate\Foundation\Http\FormRequest;
 7 | use Illuminate\Validation\Rule;
 8 | 
 9 | class ProfileUpdateRequest extends FormRequest
10 | {
11 |     /**
12 |      * Get the validation rules that apply to the request.
13 |      *
14 |      * @return array<string, \Illuminate\Contracts\Validation\Rule|array|string>
15 |      */
16 |     public function rules(): array
17 |     {
18 |         return [
19 |             'name' => ['required', 'string', 'max:255'],
20 |             'email' => ['required', 'string', 'lowercase', 'email', 'max:255', Rule::unique(User::class)->ignore($this->user()->id)],
21 |         ];
22 |     }
23 | }
24 | 


--------------------------------------------------------------------------------
/app/Http/Requests/StoreProjectRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use Illuminate\Foundation\Http\FormRequest;
 6 | use Illuminate\Validation\Rule;
 7 | 
 8 | class StoreProjectRequest extends FormRequest
 9 | {
10 |     /**
11 |      * Determine if the user is authorized to make this request.
12 |      */
13 |     public function authorize(): bool
14 |     {
15 |         return true;
16 |     }
17 | 
18 |     /**
19 |      * Get the validation rules that apply to the request.
20 |      *
21 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
22 |      */
23 |     public function rules(): array
24 |     {
25 |         return [
26 |             "name" => ['required', 'max:255'],
27 |             'image' => ['nullable', 'image'],
28 |             "description" => ['nullable', 'string'],
29 |             'due_date' => ['nullable', 'date'],
30 |             'status' => ['required', Rule::in(['pending', 'in_progress', 'completed'])]
31 |         ];
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/app/Http/Requests/StoreTaskRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use Illuminate\Foundation\Http\FormRequest;
 6 | use Illuminate\Validation\Rule;
 7 | 
 8 | class StoreTaskRequest extends FormRequest
 9 | {
10 |     /**
11 |      * Determine if the user is authorized to make this request.
12 |      */
13 |     public function authorize(): bool
14 |     {
15 |         return true;
16 |     }
17 | 
18 |     /**
19 |      * Get the validation rules that apply to the request.
20 |      *
21 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
22 |      */
23 |     public function rules(): array
24 |     {
25 |         return [
26 |             "name" => ['required', 'max:255'],
27 |             'image' => ['nullable', 'image'],
28 |             "description" => ['nullable', 'string'],
29 |             'due_date' => ['nullable', 'date'],
30 |             'project_id' => ['required', 'exists:projects,id'],
31 |             'assigned_user_id' => ['required', 'exists:users,id'],
32 |             'status' => [
33 |                 'required',
34 |                 Rule::in(['pending', 'in_progress', 'completed'])
35 |             ],
36 |             'priority' => [
37 |                 'required',
38 |                 Rule::in(['low', 'medium', 'high'])
39 |             ]
40 |         ];
41 |     }
42 | }
43 | 


--------------------------------------------------------------------------------
/app/Http/Requests/StoreUserRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use Illuminate\Foundation\Http\FormRequest;
 6 | use Illuminate\Validation\Rules\Password;
 7 | 
 8 | class StoreUserRequest extends FormRequest
 9 | {
10 |     /**
11 |      * Determine if the user is authorized to make this request.
12 |      */
13 |     public function authorize(): bool
14 |     {
15 |         return true;
16 |     }
17 | 
18 |     /**
19 |      * Get the validation rules that apply to the request.
20 |      *
21 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
22 |      */
23 |     public function rules(): array
24 |     {
25 |         return [
26 |             "name" => ["required", "string", "max:255"],
27 |             "email" => ["required", "string", "email", "unique:users,email"],
28 |             "password" => [
29 |                 "required",
30 |                 'confirmed',
31 |                 Password::min(8)->letters()->symbols(),
32 |             ],
33 |         ];
34 |     }
35 | }
36 | 


--------------------------------------------------------------------------------
/app/Http/Requests/UpdateProjectRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use Illuminate\Foundation\Http\FormRequest;
 6 | use Illuminate\Validation\Rule;
 7 | 
 8 | class UpdateProjectRequest extends FormRequest
 9 | {
10 |     /**
11 |      * Determine if the user is authorized to make this request.
12 |      */
13 |     public function authorize(): bool
14 |     {
15 |         return true;
16 |     }
17 | 
18 |     /**
19 |      * Get the validation rules that apply to the request.
20 |      *
21 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
22 |      */
23 |     public function rules(): array
24 |     {
25 |         return [
26 |             "name" => ['required', 'max:255'],
27 |             'image' => ['nullable', 'image'],
28 |             "description" => ['nullable', 'string'],
29 |             'due_date' => ['nullable', 'date'],
30 |             'status' => ['required', Rule::in(['pending', 'in_progress', 'completed'])]
31 |         ];
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/app/Http/Requests/UpdateTaskRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use Illuminate\Foundation\Http\FormRequest;
 6 | use Illuminate\Validation\Rule;
 7 | 
 8 | class UpdateTaskRequest extends FormRequest
 9 | {
10 |     /**
11 |      * Determine if the user is authorized to make this request.
12 |      */
13 |     public function authorize(): bool
14 |     {
15 |         return true;
16 |     }
17 | 
18 |     /**
19 |      * Get the validation rules that apply to the request.
20 |      *
21 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
22 |      */
23 |     public function rules(): array
24 |     {
25 |         return [
26 |             "name" => ['required', 'max:255'],
27 |             'image' => ['nullable', 'image'],
28 |             "description" => ['nullable', 'string'],
29 |             'due_date' => ['nullable', 'date'],
30 |             'project_id' => ['required', 'exists:projects,id'],
31 |             'assigned_user_id' => ['required', 'exists:users,id'],
32 |             'status' => [
33 |                 'required',
34 |                 Rule::in(['pending', 'in_progress', 'completed'])
35 |             ],
36 |             'priority' => [
37 |                 'required',
38 |                 Rule::in(['low', 'medium', 'high'])
39 |             ]
40 |         ];
41 |     }
42 | }
43 | 


--------------------------------------------------------------------------------
/app/Http/Requests/UpdateUserRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests;
 4 | 
 5 | use Illuminate\Foundation\Http\FormRequest;
 6 | use Illuminate\Validation\Rule;
 7 | use Illuminate\Validation\Rules\Password;
 8 | 
 9 | class UpdateUserRequest extends FormRequest
10 | {
11 |     /**
12 |      * Determine if the user is authorized to make this request.
13 |      */
14 |     public function authorize(): bool
15 |     {
16 |         return true;
17 |     }
18 | 
19 |     /**
20 |      * Get the validation rules that apply to the request.
21 |      *
22 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
23 |      */
24 |     public function rules(): array
25 |     {
26 |         $user = $this->route("user");
27 |         return [
28 |             "name" => ["required", "string", "max:255"],
29 |             "email" => [
30 |                 "required",
31 |                 "email",
32 |                 Rule::unique('users')->ignore($user->id),
33 |             ],
34 |             "password" => [
35 |                 'nullable',
36 |                 'confirmed',
37 |                 Password::min(8)->letters()->symbols(),
38 |             ],
39 |         ];
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/app/Http/Resources/ProjectResource.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Resources;
 4 | 
 5 | use Carbon\Carbon;
 6 | use Illuminate\Http\Request;
 7 | use Illuminate\Http\Resources\Json\JsonResource;
 8 | use Illuminate\Support\Facades\Storage;
 9 | 
10 | class ProjectResource extends JsonResource
11 | {
12 |     public static $wrap = false;
13 |     /**
14 |      * Transform the resource into an array.
15 |      *
16 |      * @return array<string, mixed>
17 |      */
18 |     public function toArray(Request $request): array
19 |     {
20 |         return [
21 |             'id' => $this->id,
22 |             'name' => $this->name,
23 |             'description' => $this->description,
24 |             'created_at' => (new Carbon($this->created_at))->format('Y-m-d'),
25 |             'due_date' => (new Carbon($this->due_date))->format('Y-m-d'),
26 |             'status' => $this->status,
27 |             'image_path' => $this->image_path && !(str_starts_with($this->image_path, 'http')) ?
28 |                 Storage::url($this->image_path) : $this->image_path,
29 |             'createdBy' => new UserResource($this->createdBy),
30 |             'updatedBy' => new UserResource($this->updatedBy),
31 |         ];
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/app/Http/Resources/TaskResource.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Resources;
 4 | 
 5 | use Carbon\Carbon;
 6 | use Illuminate\Http\Request;
 7 | use Illuminate\Http\Resources\Json\JsonResource;
 8 | use Illuminate\Support\Facades\Storage;
 9 | 
10 | class TaskResource extends JsonResource
11 | {
12 | 
13 |     public static $wrap = false;
14 | 
15 |     /**
16 |      * Transform the resource into an array.
17 |      *
18 |      * @return array<string, mixed>
19 |      */
20 |     public function toArray(Request $request): array
21 |     {
22 |         return [
23 |             'id' => $this->id,
24 |             'name' => $this->name,
25 |             'description' => $this->description,
26 |             'created_at' => (new Carbon($this->created_at))->format('Y-m-d'),
27 |             'due_date' => (new Carbon($this->due_date))->format('Y-m-d'),
28 |             'status' => $this->status,
29 |             'priority' => $this->priority,
30 |             'image_path' => $this->image_path && !(str_starts_with($this->image_path, 'http')) ?
31 |                 Storage::url($this->image_path) : '',
32 |             'project_id' => $this->project_id,
33 |             'project' => new ProjectResource($this->project),
34 |             'assigned_user_id' => $this->assigned_user_id,
35 |             'assignedUser' => $this->assignedUser ? new UserResource($this->assignedUser) : null,
36 |             'createdBy' => new UserResource($this->createdBy),
37 |             'updatedBy' => new UserResource($this->updatedBy),
38 |         ];
39 |     }
40 | }
41 | 


--------------------------------------------------------------------------------
/app/Http/Resources/UserCrudResource.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Resources;
 4 | 
 5 | use Carbon\Carbon;
 6 | use Illuminate\Http\Request;
 7 | use Illuminate\Http\Resources\Json\JsonResource;
 8 | 
 9 | class UserCrudResource extends JsonResource
10 | {
11 |     public static $wrap = false;
12 | 
13 |     /**
14 |      * Transform the resource into an array.
15 |      *
16 |      * @return array<string, mixed>
17 |      */
18 |     public function toArray(Request $request): array
19 |     {
20 |         return [
21 |             "id" => $this->id,
22 |             "name" => $this->name,
23 |             "email" => $this->email,
24 |             'created_at' => (new Carbon($this->created_at))->format('Y-m-d H:i:s'),
25 |         ];
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/app/Http/Resources/UserResource.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Resources;
 4 | 
 5 | use Carbon\Carbon;
 6 | use Illuminate\Http\Request;
 7 | use Illuminate\Http\Resources\Json\JsonResource;
 8 | 
 9 | class UserResource extends JsonResource
10 | {
11 |     /**
12 |      * Transform the resource into an array.
13 |      *
14 |      * @return array<string, mixed>
15 |      */
16 |     public function toArray(Request $request): array
17 |     {
18 |         return [
19 |             "id" => $this->id,
20 |             "name" => $this->name,
21 |             "email" => $this->email
22 |         ];
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/app/Models/Project.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Models;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\HasFactory;
 6 | use Illuminate\Database\Eloquent\Model;
 7 | 
 8 | class Project extends Model
 9 | {
10 |     use HasFactory;
11 | 
12 |     protected $fillable = ['image_path', 'name', 'description', 'status', 'due_date', 'created_by', 'updated_by'];
13 | 
14 |     public function tasks()
15 |     {
16 |         return $this->hasMany(Task::class);
17 |     }
18 | 
19 |     public function createdBy()
20 |     {
21 |         return $this->belongsTo(User::class, 'created_by');
22 |     }
23 | 
24 |     public function updatedBy()
25 |     {
26 |         return $this->belongsTo(User::class, 'updated_by');
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/app/Models/Task.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Models;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\HasFactory;
 6 | use Illuminate\Database\Eloquent\Model;
 7 | 
 8 | class Task extends Model
 9 | {
10 |     use HasFactory;
11 | 
12 |     protected $fillable = [
13 |         'name',
14 |         'description',
15 |         'image_path',
16 |         'status',
17 |         'priority',
18 |         'due_date',
19 |         'assigned_user_id',
20 |         'created_by',
21 |         'updated_by',
22 |         'project_id',
23 |     ];
24 | 
25 |     public function project()
26 |     {
27 |         return $this->belongsTo(Project::class);
28 |     }
29 | 
30 |     public function assignedUser()
31 |     {
32 |         return $this->belongsTo(User::class, 'assigned_user_id');
33 |     }
34 | 
35 |     public function createdBy()
36 |     {
37 |         return $this->belongsTo(User::class, 'created_by');
38 |     }
39 | 
40 |     public function updatedBy()
41 |     {
42 |         return $this->belongsTo(User::class, 'updated_by');
43 |     }
44 | }
45 | 


--------------------------------------------------------------------------------
/app/Models/User.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Models;
 4 | 
 5 | // use Illuminate\Contracts\Auth\MustVerifyEmail;
 6 | use Illuminate\Contracts\Auth\MustVerifyEmail;
 7 | use Illuminate\Database\Eloquent\Factories\HasFactory;
 8 | use Illuminate\Foundation\Auth\User as Authenticatable;
 9 | use Illuminate\Notifications\Notifiable;
10 | 
11 | class User extends Authenticatable implements MustVerifyEmail
12 | {
13 |     use HasFactory, Notifiable;
14 | 
15 |     /**
16 |      * The attributes that are mass assignable.
17 |      *
18 |      * @var array<int, string>
19 |      */
20 |     protected $fillable = [
21 |         'name',
22 |         'email',
23 |         'password',
24 |         'email_verified_at'
25 |     ];
26 | 
27 |     /**
28 |      * The attributes that should be hidden for serialization.
29 |      *
30 |      * @var array<int, string>
31 |      */
32 |     protected $hidden = [
33 |         'password',
34 |         'remember_token',
35 |     ];
36 | 
37 |     /**
38 |      * Get the attributes that should be cast.
39 |      *
40 |      * @return array<string, string>
41 |      */
42 |     protected function casts(): array
43 |     {
44 |         return [
45 |             'email_verified_at' => 'datetime',
46 |             'password' => 'hashed',
47 |         ];
48 |     }
49 | }
50 | 


--------------------------------------------------------------------------------
/app/Providers/AppServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Providers;
 4 | 
 5 | use Illuminate\Support\ServiceProvider;
 6 | 
 7 | class AppServiceProvider extends ServiceProvider
 8 | {
 9 |     /**
10 |      * Register any application services.
11 |      */
12 |     public function register(): void
13 |     {
14 |         //
15 |     }
16 | 
17 |     /**
18 |      * Bootstrap any application services.
19 |      */
20 |     public function boot(): void
21 |     {
22 |         //
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/artisan:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env php
 2 | <?php
 3 | 
 4 | use Symfony\Component\Console\Input\ArgvInput;
 5 | 
 6 | define('LARAVEL_START', microtime(true));
 7 | 
 8 | // Register the Composer autoloader...
 9 | require __DIR__.'/vendor/autoload.php';
10 | 
11 | // Bootstrap Laravel and handle the command...
12 | $status = (require_once __DIR__.'/bootstrap/app.php')
13 |     ->handleCommand(new ArgvInput);
14 | 
15 | exit($status);
16 | 


--------------------------------------------------------------------------------
/bootstrap/app.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Foundation\Application;
 4 | use Illuminate\Foundation\Configuration\Exceptions;
 5 | use Illuminate\Foundation\Configuration\Middleware;
 6 | 
 7 | return Application::configure(basePath: dirname(__DIR__))
 8 |     ->withProviders()
 9 |     ->withRouting(
10 |         web: __DIR__.'/../routes/web.php',
11 |         // api: __DIR__.'/../routes/api.php',
12 |         commands: __DIR__.'/../routes/console.php',
13 |         // channels: __DIR__.'/../routes/channels.php',
14 |         health: '/up',
15 |     )
16 |     ->withMiddleware(function (Middleware $middleware) {
17 |         $middleware->web(append: [
18 |             \App\Http\Middleware\HandleInertiaRequests::class,
19 |             \Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets::class,
20 |         ]);
21 | 
22 |         //
23 |     })
24 |     ->withExceptions(function (Exceptions $exceptions) {
25 |         //
26 |     })->create();
27 | 


--------------------------------------------------------------------------------
/bootstrap/cache/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/bootstrap/providers.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | // This file is automatically generated by Laravel...
4 | 
5 | return [
6 |     App\Providers\AppServiceProvider::class,
7 | ];
8 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "laravel/laravel",
 3 |     "type": "project",
 4 |     "description": "The skeleton application for the Laravel framework.",
 5 |     "keywords": ["laravel", "framework"],
 6 |     "license": "MIT",
 7 |     "require": {
 8 |         "php": "^8.2",
 9 |         "inertiajs/inertia-laravel": "^1.0",
10 |         "laravel/framework": "^11.0",
11 |         "laravel/sanctum": "^4.0",
12 |         "laravel/tinker": "^2.9",
13 |         "tightenco/ziggy": "^1.0"
14 |     },
15 |     "require-dev": {
16 |         "fakerphp/faker": "^1.23",
17 |         "laravel/breeze": "^2.0@dev",
18 |         "laravel/pint": "^1.13",
19 |         "laravel/sail": "^1.26",
20 |         "mockery/mockery": "^1.6",
21 |         "nunomaduro/collision": "^8.0",
22 |         "pestphp/pest": "^2.0",
23 |         "pestphp/pest-plugin-laravel": "^2.0",
24 |         "spatie/laravel-ignition": "^2.4"
25 |     },
26 |     "autoload": {
27 |         "psr-4": {
28 |             "App\\": "app/",
29 |             "Database\\Factories\\": "database/factories/",
30 |             "Database\\Seeders\\": "database/seeders/"
31 |         }
32 |     },
33 |     "autoload-dev": {
34 |         "psr-4": {
35 |             "Tests\\": "tests/"
36 |         }
37 |     },
38 |     "scripts": {
39 |         "post-autoload-dump": [
40 |             "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
41 |             "@php artisan package:discover --ansi"
42 |         ],
43 |         "post-update-cmd": [
44 |             "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
45 |         ],
46 |         "post-root-package-install": [
47 |             "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
48 |         ],
49 |         "post-create-project-cmd": [
50 |             "@php artisan key:generate --ansi",
51 |             "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
52 |             "@php artisan migrate --ansi"
53 |         ]
54 |     },
55 |     "extra": {
56 |         "branch-alias": {
57 |             "dev-master": "11.x-dev"
58 |         },
59 |         "laravel": {
60 |             "dont-discover": []
61 |         }
62 |     },
63 |     "config": {
64 |         "optimize-autoloader": true,
65 |         "preferred-install": "dist",
66 |         "sort-packages": true,
67 |         "allow-plugins": {
68 |             "pestphp/pest-plugin": true,
69 |             "php-http/discovery": true
70 |         }
71 |     },
72 |     "minimum-stability": "dev",
73 |     "prefer-stable": true
74 | }
75 | 


--------------------------------------------------------------------------------
/config/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodeholic/laravel11-react-spa/b6c1d436140ce32e256b2143f3d44dc7fe6fdeb3/config/.gitkeep


--------------------------------------------------------------------------------
/database/.gitignore:
--------------------------------------------------------------------------------
1 | *.sqlite*
2 | 


--------------------------------------------------------------------------------
/database/factories/ProjectFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Database\Factories;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\Factory;
 6 | 
 7 | /**
 8 |  * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Project>
 9 |  */
10 | class ProjectFactory extends Factory
11 | {
12 |     /**
13 |      * Define the model's default state.
14 |      *
15 |      * @return array<string, mixed>
16 |      */
17 |     public function definition(): array
18 |     {
19 |         return [
20 |             'name' => fake()->sentence(),
21 |             'description' => fake()->realText(),
22 |             'due_date' => fake()->dateTimeBetween('now', '+1 year'),
23 |             'status' => fake()->randomElement(['pending', 'in_progress', 'completed']),
24 |             'image_path' => fake()->imageUrl(),
25 |             'created_by' => 1,
26 |             'updated_by' => 1,
27 |             'created_at' => time(),
28 |             'updated_at' => time(),
29 |         ];
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/database/factories/TaskFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Database\Factories;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\Factory;
 6 | 
 7 | /**
 8 |  * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Task>
 9 |  */
10 | class TaskFactory extends Factory
11 | {
12 |     /**
13 |      * Define the model's default state.
14 |      *
15 |      * @return array<string, mixed>
16 |      */
17 |     public function definition(): array
18 |     {
19 |         return [
20 |             'name' => fake()->sentence(),
21 |             'description' => fake()->realText(),
22 |             'due_date' => fake()->dateTimeBetween('now', '+1 year'),
23 |             'status' => fake()
24 |                 ->randomElement(['pending', 'in_progress', 'completed']),
25 |             'priority' => fake()
26 |                 ->randomElement(['low', 'medium', 'high']),
27 |             'image_path' => fake()->imageUrl(),
28 |             'assigned_user_id' => fake()->randomElement([1, 2]),
29 |             'created_by' => 1,
30 |             'updated_by' => 1,
31 |             'created_at' => time(),
32 |             'updated_at' => time(),
33 |         ];
34 |     }
35 | }
36 | 


--------------------------------------------------------------------------------
/database/factories/UserFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Database\Factories;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\Factory;
 6 | use Illuminate\Support\Facades\Hash;
 7 | use Illuminate\Support\Str;
 8 | 
 9 | /**
10 |  * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\User>
11 |  */
12 | class UserFactory extends Factory
13 | {
14 |     /**
15 |      * The current password being used by the factory.
16 |      */
17 |     protected static ?string $password;
18 | 
19 |     /**
20 |      * Define the model's default state.
21 |      *
22 |      * @return array<string, mixed>
23 |      */
24 |     public function definition(): array
25 |     {
26 |         return [
27 |             'name' => fake()->name(),
28 |             'email' => fake()->unique()->safeEmail(),
29 |             'email_verified_at' => now(),
30 |             'password' => static::$password ??= Hash::make('password'),
31 |             'remember_token' => Str::random(10),
32 |         ];
33 |     }
34 | 
35 |     /**
36 |      * Indicate that the model's email address should be unverified.
37 |      */
38 |     public function unverified(): static
39 |     {
40 |         return $this->state(fn (array $attributes) => [
41 |             'email_verified_at' => null,
42 |         ]);
43 |     }
44 | }
45 | 


--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000000_create_users_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      */
12 |     public function up(): void
13 |     {
14 |         Schema::create('users', function (Blueprint $table) {
15 |             $table->id();
16 |             $table->string('name');
17 |             $table->string('email')->unique();
18 |             $table->timestamp('email_verified_at')->nullable();
19 |             $table->string('password');
20 |             $table->rememberToken();
21 |             $table->timestamps();
22 |         });
23 | 
24 |         Schema::create('password_reset_tokens', function (Blueprint $table) {
25 |             $table->string('email')->primary();
26 |             $table->string('token');
27 |             $table->timestamp('created_at')->nullable();
28 |         });
29 | 
30 |         Schema::create('sessions', function (Blueprint $table) {
31 |             $table->string('id')->primary();
32 |             $table->foreignId('user_id')->nullable()->index();
33 |             $table->string('ip_address', 45)->nullable();
34 |             $table->text('user_agent')->nullable();
35 |             $table->longText('payload');
36 |             $table->integer('last_activity')->index();
37 |         });
38 |     }
39 | 
40 |     /**
41 |      * Reverse the migrations.
42 |      */
43 |     public function down(): void
44 |     {
45 |         Schema::dropIfExists('users');
46 |         Schema::dropIfExists('password_reset_tokens');
47 |         Schema::dropIfExists('sessions');
48 |     }
49 | };
50 | 


--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000001_create_cache_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      */
12 |     public function up(): void
13 |     {
14 |         Schema::create('cache', function (Blueprint $table) {
15 |             $table->string('key')->primary();
16 |             $table->mediumText('value');
17 |             $table->integer('expiration');
18 |         });
19 | 
20 |         Schema::create('cache_locks', function (Blueprint $table) {
21 |             $table->string('key')->primary();
22 |             $table->string('owner');
23 |             $table->integer('expiration');
24 |         });
25 |     }
26 | 
27 |     /**
28 |      * Reverse the migrations.
29 |      */
30 |     public function down(): void
31 |     {
32 |         Schema::dropIfExists('cache');
33 |         Schema::dropIfExists('cache_locks');
34 |     }
35 | };
36 | 


--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000002_create_jobs_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      */
12 |     public function up(): void
13 |     {
14 |         Schema::create('jobs', function (Blueprint $table) {
15 |             $table->id();
16 |             $table->string('queue')->index();
17 |             $table->longText('payload');
18 |             $table->unsignedTinyInteger('attempts');
19 |             $table->unsignedInteger('reserved_at')->nullable();
20 |             $table->unsignedInteger('available_at');
21 |             $table->unsignedInteger('created_at');
22 |         });
23 | 
24 |         Schema::create('job_batches', function (Blueprint $table) {
25 |             $table->string('id')->primary();
26 |             $table->string('name');
27 |             $table->integer('total_jobs');
28 |             $table->integer('pending_jobs');
29 |             $table->integer('failed_jobs');
30 |             $table->longText('failed_job_ids');
31 |             $table->mediumText('options')->nullable();
32 |             $table->integer('cancelled_at')->nullable();
33 |             $table->integer('created_at');
34 |             $table->integer('finished_at')->nullable();
35 |         });
36 | 
37 |         Schema::create('failed_jobs', function (Blueprint $table) {
38 |             $table->id();
39 |             $table->string('uuid')->unique();
40 |             $table->text('connection');
41 |             $table->text('queue');
42 |             $table->longText('payload');
43 |             $table->longText('exception');
44 |             $table->timestamp('failed_at')->useCurrent();
45 |         });
46 |     }
47 | 
48 |     /**
49 |      * Reverse the migrations.
50 |      */
51 |     public function down(): void
52 |     {
53 |         Schema::dropIfExists('jobs');
54 |         Schema::dropIfExists('job_batches');
55 |         Schema::dropIfExists('failed_jobs');
56 |     }
57 | };
58 | 


--------------------------------------------------------------------------------
/database/migrations/2024_02_03_102720_create_projects_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration {
 8 |     /**
 9 |      * Run the migrations.
10 |      */
11 |     public function up(): void
12 |     {
13 |         Schema::create('projects', function (Blueprint $table) {
14 |             $table->id();
15 |             $table->string('name');
16 |             $table->longText('description')->nullable();
17 |             $table->timestamp('due_date')->nullable();
18 |             $table->string('status');
19 |             $table->string('image_path')->nullable();
20 |             $table->foreignId('created_by')->constrained('users');
21 |             $table->foreignId('updated_by')->constrained('users');
22 |             $table->timestamps();
23 |         });
24 |     }
25 | 
26 |     /**
27 |      * Reverse the migrations.
28 |      */
29 |     public function down(): void
30 |     {
31 |         Schema::dropIfExists('projects');
32 |     }
33 | };
34 | 


--------------------------------------------------------------------------------
/database/migrations/2024_02_03_102804_create_tasks_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration {
 8 |     /**
 9 |      * Run the migrations.
10 |      */
11 |     public function up(): void
12 |     {
13 |         Schema::create('tasks', function (Blueprint $table) {
14 |             $table->id();
15 |             $table->string('name');
16 |             $table->longText('description')->nullable();
17 |             $table->string('image_path')->nullable();
18 |             $table->string('status');
19 |             $table->string('priority');
20 |             $table->string('due_date')->nullable();
21 |             $table->foreignId('assigned_user_id')->constrained('users');
22 |             $table->foreignId('created_by')->constrained('users');
23 |             $table->foreignId('updated_by')->constrained('users');
24 |             $table->foreignId('project_id')->constrained('projects');
25 |             $table->timestamps();
26 |         });
27 |     }
28 | 
29 |     /**
30 |      * Reverse the migrations.
31 |      */
32 |     public function down(): void
33 |     {
34 |         Schema::dropIfExists('tasks');
35 |     }
36 | };
37 | 


--------------------------------------------------------------------------------
/database/seeders/DatabaseSeeder.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Database\Seeders;
 4 | 
 5 | use App\Models\Project;
 6 | use App\Models\User;
 7 | // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 8 | use Illuminate\Database\Seeder;
 9 | 
10 | class DatabaseSeeder extends Seeder
11 | {
12 |     /**
13 |      * Seed the application's database.
14 |      */
15 |     public function run(): void
16 |     {
17 |         // User::factory(10)->create();
18 | 
19 |         User::factory()->create([
20 |             'id' => 1,
21 |             'name' => 'Zura',
22 |             'email' => 'zura@example.com',
23 |             'password' => bcrypt('123.321A'),
24 |             'email_verified_at' => time()
25 |         ]);
26 |         User::factory()->create([
27 |             'id' => 2,
28 |             'name' => 'John Smith',
29 |             'email' => 'john@example.com',
30 |             'password' => bcrypt('123.321A'),
31 |             'email_verified_at' => time()
32 |         ]);
33 | 
34 |         Project::factory()
35 |             ->count(30)
36 |             ->hasTasks(30)
37 |             ->create();
38 |     }
39 | }
40 | 


--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "baseUrl": ".",
 4 |         "paths": {
 5 |             "@/*": ["resources/js/*"],
 6 |             "ziggy-js": ["./vendor/tightenco/ziggy"]
 7 |         }
 8 |     },
 9 |     "exclude": ["node_modules", "public"]
10 | }
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "type": "module",
 4 |     "scripts": {
 5 |         "dev": "vite",
 6 |         "build": "vite build"
 7 |     },
 8 |     "devDependencies": {
 9 |         "@headlessui/react": "^1.4.2",
10 |         "@inertiajs/react": "^1.0.0",
11 |         "@tailwindcss/forms": "^0.5.3",
12 |         "@vitejs/plugin-react": "^4.2.0",
13 |         "autoprefixer": "^10.4.12",
14 |         "axios": "^1.6.4",
15 |         "laravel-vite-plugin": "^1.0",
16 |         "postcss": "^8.4.31",
17 |         "react": "^18.2.0",
18 |         "react-dom": "^18.2.0",
19 |         "tailwindcss": "^3.2.1",
20 |         "vite": "^5.0"
21 |     },
22 |     "dependencies": {
23 |         "@heroicons/react": "^2.1.1"
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/phpunit.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |          xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
 4 |          bootstrap="vendor/autoload.php"
 5 |          colors="true"
 6 | >
 7 |     <testsuites>
 8 |         <testsuite name="Unit">
 9 |             <directory>tests/Unit</directory>
10 |         </testsuite>
11 |         <testsuite name="Feature">
12 |             <directory>tests/Feature</directory>
13 |         </testsuite>
14 |     </testsuites>
15 |     <source>
16 |         <include>
17 |             <directory>app</directory>
18 |         </include>
19 |     </source>
20 |     <php>
21 |         <env name="APP_ENV" value="testing"/>
22 |         <env name="APP_MAINTENANCE_DRIVER" value="file"/>
23 |         <env name="BCRYPT_ROUNDS" value="4"/>
24 |         <env name="CACHE_STORE" value="array"/>
25 |         <!-- <env name="DB_CONNECTION" value="sqlite"/> -->
26 |         <!-- <env name="DB_DATABASE" value=":memory:"/> -->
27 |         <env name="MAIL_MAILER" value="array"/>
28 |         <env name="PULSE_ENABLED" value="false"/>
29 |         <env name="QUEUE_CONNECTION" value="sync"/>
30 |         <env name="SESSION_DRIVER" value="array"/>
31 |         <env name="TELESCOPE_ENABLED" value="false"/>
32 |     </php>
33 | </phpunit>
34 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 |     plugins: {
3 |         tailwindcss: {},
4 |         autoprefixer: {},
5 |     },
6 | };
7 | 


--------------------------------------------------------------------------------
/public/.htaccess:
--------------------------------------------------------------------------------
 1 | <IfModule mod_rewrite.c>
 2 |     <IfModule mod_negotiation.c>
 3 |         Options -MultiViews -Indexes
 4 |     </IfModule>
 5 | 
 6 |     RewriteEngine On
 7 | 
 8 |     # Handle Authorization Header
 9 |     RewriteCond %{HTTP:Authorization} .
10 |     RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
11 | 
12 |     # Redirect Trailing Slashes If Not A Folder...
13 |     RewriteCond %{REQUEST_FILENAME} !-d
14 |     RewriteCond %{REQUEST_URI} (.+)/$
15 |     RewriteRule ^ %1 [L,R=301]
16 | 
17 |     # Send Requests To Front Controller...
18 |     RewriteCond %{REQUEST_FILENAME} !-d
19 |     RewriteCond %{REQUEST_FILENAME} !-f
20 |     RewriteRule ^ index.php [L]
21 | </IfModule>
22 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodeholic/laravel11-react-spa/b6c1d436140ce32e256b2143f3d44dc7fe6fdeb3/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Http\Request;
 4 | 
 5 | define('LARAVEL_START', microtime(true));
 6 | 
 7 | // Determine if the application is in maintenance mode...
 8 | if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
 9 |     require $maintenance;
10 | }
11 | 
12 | // Register the Composer autoloader...
13 | require __DIR__.'/../vendor/autoload.php';
14 | 
15 | // Bootstrap Laravel and handle the request...
16 | (require_once __DIR__.'/../bootstrap/app.php')
17 |     ->handleRequest(Request::capture());
18 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 


--------------------------------------------------------------------------------
/resources/css/app.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | 


--------------------------------------------------------------------------------
/resources/js/Components/ApplicationLogo.jsx:
--------------------------------------------------------------------------------
1 | export default function ApplicationLogo(props) {
2 |     return (
3 |         <svg {...props} viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg">
4 |             <path d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z" />
5 |         </svg>
6 |     );
7 | }
8 | 


--------------------------------------------------------------------------------
/resources/js/Components/Checkbox.jsx:
--------------------------------------------------------------------------------
 1 | export default function Checkbox({ className = '', ...props }) {
 2 |     return (
 3 |         <input
 4 |             {...props}
 5 |             type="checkbox"
 6 |             className={
 7 |                 'rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800 ' +
 8 |                 className
 9 |             }
10 |         />
11 |     );
12 | }
13 | 


--------------------------------------------------------------------------------
/resources/js/Components/DangerButton.jsx:
--------------------------------------------------------------------------------
 1 | export default function DangerButton({ className = '', disabled, children, ...props }) {
 2 |     return (
 3 |         <button
 4 |             {...props}
 5 |             className={
 6 |                 `inline-flex items-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
 7 |                     disabled && 'opacity-25'
 8 |                 } ` + className
 9 |             }
10 |             disabled={disabled}
11 |         >
12 |             {children}
13 |         </button>
14 |     );
15 | }
16 | 


--------------------------------------------------------------------------------
/resources/js/Components/Dropdown.jsx:
--------------------------------------------------------------------------------
 1 | import { useState, createContext, useContext, Fragment } from 'react';
 2 | import { Link } from '@inertiajs/react';
 3 | import { Transition } from '@headlessui/react';
 4 | 
 5 | const DropDownContext = createContext();
 6 | 
 7 | const Dropdown = ({ children }) => {
 8 |     const [open, setOpen] = useState(false);
 9 | 
10 |     const toggleOpen = () => {
11 |         setOpen((previousState) => !previousState);
12 |     };
13 | 
14 |     return (
15 |         <DropDownContext.Provider value={{ open, setOpen, toggleOpen }}>
16 |             <div className="relative">{children}</div>
17 |         </DropDownContext.Provider>
18 |     );
19 | };
20 | 
21 | const Trigger = ({ children }) => {
22 |     const { open, setOpen, toggleOpen } = useContext(DropDownContext);
23 | 
24 |     return (
25 |         <>
26 |             <div onClick={toggleOpen}>{children}</div>
27 | 
28 |             {open && <div className="fixed inset-0 z-40" onClick={() => setOpen(false)}></div>}
29 |         </>
30 |     );
31 | };
32 | 
33 | const Content = ({ align = 'right', width = '48', contentClasses = 'py-1 bg-white dark:bg-gray-700', children }) => {
34 |     const { open, setOpen } = useContext(DropDownContext);
35 | 
36 |     let alignmentClasses = 'origin-top';
37 | 
38 |     if (align === 'left') {
39 |         alignmentClasses = 'ltr:origin-top-left rtl:origin-top-right start-0';
40 |     } else if (align === 'right') {
41 |         alignmentClasses = 'ltr:origin-top-right rtl:origin-top-left end-0';
42 |     }
43 | 
44 |     let widthClasses = '';
45 | 
46 |     if (width === '48') {
47 |         widthClasses = 'w-48';
48 |     }
49 | 
50 |     return (
51 |         <>
52 |             <Transition
53 |                 as={Fragment}
54 |                 show={open}
55 |                 enter="transition ease-out duration-200"
56 |                 enterFrom="opacity-0 scale-95"
57 |                 enterTo="opacity-100 scale-100"
58 |                 leave="transition ease-in duration-75"
59 |                 leaveFrom="opacity-100 scale-100"
60 |                 leaveTo="opacity-0 scale-95"
61 |             >
62 |                 <div
63 |                     className={`absolute z-50 mt-2 rounded-md shadow-lg ${alignmentClasses} ${widthClasses}`}
64 |                     onClick={() => setOpen(false)}
65 |                 >
66 |                     <div className={`rounded-md ring-1 ring-black ring-opacity-5 ` + contentClasses}>{children}</div>
67 |                 </div>
68 |             </Transition>
69 |         </>
70 |     );
71 | };
72 | 
73 | const DropdownLink = ({ className = '', children, ...props }) => {
74 |     return (
75 |         <Link
76 |             {...props}
77 |             className={
78 |                 'block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-800 transition duration-150 ease-in-out ' +
79 |                 className
80 |             }
81 |         >
82 |             {children}
83 |         </Link>
84 |     );
85 | };
86 | 
87 | Dropdown.Trigger = Trigger;
88 | Dropdown.Content = Content;
89 | Dropdown.Link = DropdownLink;
90 | 
91 | export default Dropdown;
92 | 


--------------------------------------------------------------------------------
/resources/js/Components/InputError.jsx:
--------------------------------------------------------------------------------
1 | export default function InputError({ message, className = '', ...props }) {
2 |     return message ? (
3 |         <p {...props} className={'text-sm text-red-600 dark:text-red-400 ' + className}>
4 |             {message}
5 |         </p>
6 |     ) : null;
7 | }
8 | 


--------------------------------------------------------------------------------
/resources/js/Components/InputLabel.jsx:
--------------------------------------------------------------------------------
1 | export default function InputLabel({ value, className = '', children, ...props }) {
2 |     return (
3 |         <label {...props} className={`block font-medium text-sm text-gray-700 dark:text-gray-300 ` + className}>
4 |             {value ? value : children}
5 |         </label>
6 |     );
7 | }
8 | 


--------------------------------------------------------------------------------
/resources/js/Components/Modal.jsx:
--------------------------------------------------------------------------------
 1 | import { Fragment } from 'react';
 2 | import { Dialog, Transition } from '@headlessui/react';
 3 | 
 4 | export default function Modal({ children, show = false, maxWidth = '2xl', closeable = true, onClose = () => {} }) {
 5 |     const close = () => {
 6 |         if (closeable) {
 7 |             onClose();
 8 |         }
 9 |     };
10 | 
11 |     const maxWidthClass = {
12 |         sm: 'sm:max-w-sm',
13 |         md: 'sm:max-w-md',
14 |         lg: 'sm:max-w-lg',
15 |         xl: 'sm:max-w-xl',
16 |         '2xl': 'sm:max-w-2xl',
17 |     }[maxWidth];
18 | 
19 |     return (
20 |         <Transition show={show} as={Fragment} leave="duration-200">
21 |             <Dialog
22 |                 as="div"
23 |                 id="modal"
24 |                 className="fixed inset-0 flex overflow-y-auto px-4 py-6 sm:px-0 items-center z-50 transform transition-all"
25 |                 onClose={close}
26 |             >
27 |                 <Transition.Child
28 |                     as={Fragment}
29 |                     enter="ease-out duration-300"
30 |                     enterFrom="opacity-0"
31 |                     enterTo="opacity-100"
32 |                     leave="ease-in duration-200"
33 |                     leaveFrom="opacity-100"
34 |                     leaveTo="opacity-0"
35 |                 >
36 |                     <div className="absolute inset-0 bg-gray-500/75 dark:bg-gray-900/75" />
37 |                 </Transition.Child>
38 | 
39 |                 <Transition.Child
40 |                     as={Fragment}
41 |                     enter="ease-out duration-300"
42 |                     enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
43 |                     enterTo="opacity-100 translate-y-0 sm:scale-100"
44 |                     leave="ease-in duration-200"
45 |                     leaveFrom="opacity-100 translate-y-0 sm:scale-100"
46 |                     leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
47 |                 >
48 |                     <Dialog.Panel
49 |                         className={`mb-6 bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto ${maxWidthClass}`}
50 |                     >
51 |                         {children}
52 |                     </Dialog.Panel>
53 |                 </Transition.Child>
54 |             </Dialog>
55 |         </Transition>
56 |     );
57 | }
58 | 


--------------------------------------------------------------------------------
/resources/js/Components/NavLink.jsx:
--------------------------------------------------------------------------------
 1 | import { Link } from '@inertiajs/react';
 2 | 
 3 | export default function NavLink({ active = false, className = '', children, ...props }) {
 4 |     return (
 5 |         <Link
 6 |             {...props}
 7 |             className={
 8 |                 'inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium leading-5 transition duration-150 ease-in-out focus:outline-none ' +
 9 |                 (active
10 |                     ? 'border-indigo-400 dark:border-indigo-600 text-gray-900 dark:text-gray-100 focus:border-indigo-700 '
11 |                     : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 ') +
12 |                 className
13 |             }
14 |         >
15 |             {children}
16 |         </Link>
17 |     );
18 | }
19 | 


--------------------------------------------------------------------------------
/resources/js/Components/Pagination.jsx:
--------------------------------------------------------------------------------
 1 | import { Link } from "@inertiajs/react";
 2 | 
 3 | export default function Pagination({ links }) {
 4 |   return (
 5 |     <nav className="text-center mt-4">
 6 |       {links.map((link) => (
 7 |         <Link
 8 |           preserveScroll
 9 |           href={link.url || ""}
10 |           key={link.label}
11 |           className={
12 |             "inline-block py-2 px-3 rounded-lg text-gray-200 text-xs " +
13 |             (link.active ? "bg-gray-950 " : " ") +
14 |             (!link.url
15 |               ? "!text-gray-500 cursor-not-allowed "
16 |               : "hover:bg-gray-950")
17 |           }
18 |           dangerouslySetInnerHTML={{ __html: link.label }}
19 |         ></Link>
20 |       ))}
21 |     </nav>
22 |   );
23 | }
24 | 


--------------------------------------------------------------------------------
/resources/js/Components/PrimaryButton.jsx:
--------------------------------------------------------------------------------
 1 | export default function PrimaryButton({ className = '', disabled, children, ...props }) {
 2 |     return (
 3 |         <button
 4 |             {...props}
 5 |             className={
 6 |                 `inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
 7 |                     disabled && 'opacity-25'
 8 |                 } ` + className
 9 |             }
10 |             disabled={disabled}
11 |         >
12 |             {children}
13 |         </button>
14 |     );
15 | }
16 | 


--------------------------------------------------------------------------------
/resources/js/Components/ResponsiveNavLink.jsx:
--------------------------------------------------------------------------------
 1 | import { Link } from '@inertiajs/react';
 2 | 
 3 | export default function ResponsiveNavLink({ active = false, className = '', children, ...props }) {
 4 |     return (
 5 |         <Link
 6 |             {...props}
 7 |             className={`w-full flex items-start ps-3 pe-4 py-2 border-l-4 ${
 8 |                 active
 9 |                     ? 'border-indigo-400 dark:border-indigo-600 text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900/50 focus:text-indigo-800 dark:focus:text-indigo-200 focus:bg-indigo-100 dark:focus:bg-indigo-900 focus:border-indigo-700 dark:focus:border-indigo-300'
10 |                     : 'border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600'
11 |             } text-base font-medium focus:outline-none transition duration-150 ease-in-out ${className}`}
12 |         >
13 |             {children}
14 |         </Link>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/resources/js/Components/SecondaryButton.jsx:
--------------------------------------------------------------------------------
 1 | export default function SecondaryButton({ type = 'button', className = '', disabled, children, ...props }) {
 2 |     return (
 3 |         <button
 4 |             {...props}
 5 |             type={type}
 6 |             className={
 7 |                 `inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-500 rounded-md font-semibold text-xs text-gray-700 dark:text-gray-300 uppercase tracking-widest shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-25 transition ease-in-out duration-150 ${
 8 |                     disabled && 'opacity-25'
 9 |                 } ` + className
10 |             }
11 |             disabled={disabled}
12 |         >
13 |             {children}
14 |         </button>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/resources/js/Components/SelectInput.jsx:
--------------------------------------------------------------------------------
 1 | import { forwardRef, useRef } from "react";
 2 | 
 3 | export default forwardRef(function SelectInput(
 4 |   { className = "", children, ...props },
 5 |   ref
 6 | ) {
 7 |   const input = ref ? ref : useRef();
 8 | 
 9 |   return (
10 |     <select
11 |       {...props}
12 |       className={
13 |         "border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm " +
14 |         className
15 |       }
16 |       ref={input}
17 |     >
18 |       {children}
19 |     </select>
20 |   );
21 | });
22 | 


--------------------------------------------------------------------------------
/resources/js/Components/TableHeading.jsx:
--------------------------------------------------------------------------------
 1 | import { ChevronUpIcon, ChevronDownIcon } from "@heroicons/react/16/solid";
 2 | 
 3 | export default function TableHeading({
 4 |   name,
 5 |   sortable = true,
 6 |   sort_field = null,
 7 |   sort_direction = null,
 8 |   sortChanged = () => {},
 9 |   children,
10 | }) {
11 |   return (
12 |     <th onClick={(e) => sortChanged(name)}>
13 |       <div className="px-3 py-3 flex items-center justify-between gap-1 cursor-pointer">
14 |         {children}
15 |         {sortable && (
16 |           <div>
17 |             <ChevronUpIcon
18 |               className={
19 |                 "w-4 " +
20 |                 (sort_field === name && sort_direction === "asc"
21 |                   ? "text-white"
22 |                   : "")
23 |               }
24 |             />
25 |             <ChevronDownIcon
26 |               className={
27 |                 "w-4 -mt-2 " +
28 |                 (sort_field === name && sort_direction === "desc"
29 |                   ? "text-white"
30 |                   : "")
31 |               }
32 |             />
33 |           </div>
34 |         )}
35 |       </div>
36 |     </th>
37 |   );
38 | }
39 | 


--------------------------------------------------------------------------------
/resources/js/Components/TextAreaInput.jsx:
--------------------------------------------------------------------------------
 1 | import { forwardRef, useEffect, useRef } from "react";
 2 | 
 3 | export default forwardRef(function TextAreaInput(
 4 |   { className = "", isFocused = false, children, ...props },
 5 |   ref
 6 | ) {
 7 |   const input = ref ? ref : useRef();
 8 | 
 9 |   useEffect(() => {
10 |     if (isFocused) {
11 |       input.current.focus();
12 |     }
13 |   }, []);
14 | 
15 |   return (
16 |     <textarea
17 |       {...props}
18 |       className={
19 |         "border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm " +
20 |         className
21 |       }
22 |       ref={input}
23 |     >
24 |       {children}
25 |     </textarea>
26 |   );
27 | });
28 | 


--------------------------------------------------------------------------------
/resources/js/Components/TextInput.jsx:
--------------------------------------------------------------------------------
 1 | import { forwardRef, useEffect, useRef } from 'react';
 2 | 
 3 | export default forwardRef(function TextInput({ type = 'text', className = '', isFocused = false, ...props }, ref) {
 4 |     const input = ref ? ref : useRef();
 5 | 
 6 |     useEffect(() => {
 7 |         if (isFocused) {
 8 |             input.current.focus();
 9 |         }
10 |     }, []);
11 | 
12 |     return (
13 |         <input
14 |             {...props}
15 |             type={type}
16 |             className={
17 |                 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm ' +
18 |                 className
19 |             }
20 |             ref={input}
21 |         />
22 |     );
23 | });
24 | 


--------------------------------------------------------------------------------
/resources/js/Layouts/AuthenticatedLayout.jsx:
--------------------------------------------------------------------------------
  1 | import { useState } from "react";
  2 | import ApplicationLogo from "@/Components/ApplicationLogo";
  3 | import Dropdown from "@/Components/Dropdown";
  4 | import NavLink from "@/Components/NavLink";
  5 | import ResponsiveNavLink from "@/Components/ResponsiveNavLink";
  6 | import { Link } from "@inertiajs/react";
  7 | 
  8 | export default function AuthenticatedLayout({ user, header, children }) {
  9 |   const [showingNavigationDropdown, setShowingNavigationDropdown] =
 10 |     useState(false);
 11 | 
 12 |   return (
 13 |     <div className="min-h-screen bg-gray-100 dark:bg-gray-900">
 14 |       <nav className="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
 15 |         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 16 |           <div className="flex justify-between h-16">
 17 |             <div className="flex">
 18 |               <div className="shrink-0 flex items-center">
 19 |                 <Link href="/">
 20 |                   <ApplicationLogo className="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200" />
 21 |                 </Link>
 22 |               </div>
 23 | 
 24 |               <div className="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
 25 |                 <NavLink
 26 |                   href={route("dashboard")}
 27 |                   active={route().current("dashboard")}
 28 |                 >
 29 |                   Dashboard
 30 |                 </NavLink>
 31 |                 <NavLink
 32 |                   href={route("project.index")}
 33 |                   active={route().current("project.index")}
 34 |                 >
 35 |                   Projects
 36 |                 </NavLink>
 37 |                 <NavLink
 38 |                   href={route("task.index")}
 39 |                   active={route().current("task.index")}
 40 |                 >
 41 |                   All Tasks
 42 |                 </NavLink>
 43 |                 <NavLink
 44 |                   href={route("user.index")}
 45 |                   active={route().current("user.index")}
 46 |                 >
 47 |                   Users
 48 |                 </NavLink>
 49 |                 <NavLink
 50 |                   href={route("task.myTasks")}
 51 |                   active={route().current("task.myTasks")}
 52 |                 >
 53 |                   My Tasks
 54 |                 </NavLink>
 55 |               </div>
 56 |             </div>
 57 | 
 58 |             <div className="hidden sm:flex sm:items-center sm:ms-6">
 59 |               <div className="ms-3 relative">
 60 |                 <Dropdown>
 61 |                   <Dropdown.Trigger>
 62 |                     <span className="inline-flex rounded-md">
 63 |                       <button
 64 |                         type="button"
 65 |                         className="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none transition ease-in-out duration-150"
 66 |                       >
 67 |                         {user.name}
 68 | 
 69 |                         <svg
 70 |                           className="ms-2 -me-0.5 h-4 w-4"
 71 |                           xmlns="http://www.w3.org/2000/svg"
 72 |                           viewBox="0 0 20 20"
 73 |                           fill="currentColor"
 74 |                         >
 75 |                           <path
 76 |                             fillRule="evenodd"
 77 |                             d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
 78 |                             clipRule="evenodd"
 79 |                           />
 80 |                         </svg>
 81 |                       </button>
 82 |                     </span>
 83 |                   </Dropdown.Trigger>
 84 | 
 85 |                   <Dropdown.Content>
 86 |                     <Dropdown.Link href={route("profile.edit")}>
 87 |                       Profile
 88 |                     </Dropdown.Link>
 89 |                     <Dropdown.Link
 90 |                       href={route("logout")}
 91 |                       method="post"
 92 |                       as="button"
 93 |                     >
 94 |                       Log Out
 95 |                     </Dropdown.Link>
 96 |                   </Dropdown.Content>
 97 |                 </Dropdown>
 98 |               </div>
 99 |             </div>
100 | 
101 |             <div className="-me-2 flex items-center sm:hidden">
102 |               <button
103 |                 onClick={() =>
104 |                   setShowingNavigationDropdown(
105 |                     (previousState) => !previousState
106 |                   )
107 |                 }
108 |                 className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out"
109 |               >
110 |                 <svg
111 |                   className="h-6 w-6"
112 |                   stroke="currentColor"
113 |                   fill="none"
114 |                   viewBox="0 0 24 24"
115 |                 >
116 |                   <path
117 |                     className={
118 |                       !showingNavigationDropdown ? "inline-flex" : "hidden"
119 |                     }
120 |                     strokeLinecap="round"
121 |                     strokeLinejoin="round"
122 |                     strokeWidth="2"
123 |                     d="M4 6h16M4 12h16M4 18h16"
124 |                   />
125 |                   <path
126 |                     className={
127 |                       showingNavigationDropdown ? "inline-flex" : "hidden"
128 |                     }
129 |                     strokeLinecap="round"
130 |                     strokeLinejoin="round"
131 |                     strokeWidth="2"
132 |                     d="M6 18L18 6M6 6l12 12"
133 |                   />
134 |                 </svg>
135 |               </button>
136 |             </div>
137 |           </div>
138 |         </div>
139 | 
140 |         <div
141 |           className={
142 |             (showingNavigationDropdown ? "block" : "hidden") + " sm:hidden"
143 |           }
144 |         >
145 |           <div className="pt-2 pb-3 space-y-1">
146 |             <ResponsiveNavLink
147 |               href={route("dashboard")}
148 |               active={route().current("dashboard")}
149 |             >
150 |               Dashboard
151 |             </ResponsiveNavLink>
152 |           </div>
153 | 
154 |           <div className="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
155 |             <div className="px-4">
156 |               <div className="font-medium text-base text-gray-800 dark:text-gray-200">
157 |                 {user.name}
158 |               </div>
159 |               <div className="font-medium text-sm text-gray-500">
160 |                 {user.email}
161 |               </div>
162 |             </div>
163 | 
164 |             <div className="mt-3 space-y-1">
165 |               <ResponsiveNavLink href={route("profile.edit")}>
166 |                 Profile
167 |               </ResponsiveNavLink>
168 |               <ResponsiveNavLink
169 |                 method="post"
170 |                 href={route("logout")}
171 |                 as="button"
172 |               >
173 |                 Log Out
174 |               </ResponsiveNavLink>
175 |             </div>
176 |           </div>
177 |         </div>
178 |       </nav>
179 | 
180 |       {header && (
181 |         <header className="bg-white dark:bg-gray-800 shadow">
182 |           <div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
183 |             {header}
184 |           </div>
185 |         </header>
186 |       )}
187 | 
188 |       <main>{children}</main>
189 |     </div>
190 |   );
191 | }
192 | 


--------------------------------------------------------------------------------
/resources/js/Layouts/GuestLayout.jsx:
--------------------------------------------------------------------------------
 1 | import ApplicationLogo from '@/Components/ApplicationLogo';
 2 | import { Link } from '@inertiajs/react';
 3 | 
 4 | export default function Guest({ children }) {
 5 |     return (
 6 |         <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
 7 |             <div>
 8 |                 <Link href="/">
 9 |                     <ApplicationLogo className="w-20 h-20 fill-current text-gray-500" />
10 |                 </Link>
11 |             </div>
12 | 
13 |             <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
14 |                 {children}
15 |             </div>
16 |         </div>
17 |     );
18 | }
19 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Auth/ConfirmPassword.jsx:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | import GuestLayout from '@/Layouts/GuestLayout';
 3 | import InputError from '@/Components/InputError';
 4 | import InputLabel from '@/Components/InputLabel';
 5 | import PrimaryButton from '@/Components/PrimaryButton';
 6 | import TextInput from '@/Components/TextInput';
 7 | import { Head, useForm } from '@inertiajs/react';
 8 | 
 9 | export default function ConfirmPassword() {
10 |     const { data, setData, post, processing, errors, reset } = useForm({
11 |         password: '',
12 |     });
13 | 
14 |     useEffect(() => {
15 |         return () => {
16 |             reset('password');
17 |         };
18 |     }, []);
19 | 
20 |     const submit = (e) => {
21 |         e.preventDefault();
22 | 
23 |         post(route('password.confirm'));
24 |     };
25 | 
26 |     return (
27 |         <GuestLayout>
28 |             <Head title="Confirm Password" />
29 | 
30 |             <div className="mb-4 text-sm text-gray-600 dark:text-gray-400">
31 |                 This is a secure area of the application. Please confirm your password before continuing.
32 |             </div>
33 | 
34 |             <form onSubmit={submit}>
35 |                 <div className="mt-4">
36 |                     <InputLabel htmlFor="password" value="Password" />
37 | 
38 |                     <TextInput
39 |                         id="password"
40 |                         type="password"
41 |                         name="password"
42 |                         value={data.password}
43 |                         className="mt-1 block w-full"
44 |                         isFocused={true}
45 |                         onChange={(e) => setData('password', e.target.value)}
46 |                     />
47 | 
48 |                     <InputError message={errors.password} className="mt-2" />
49 |                 </div>
50 | 
51 |                 <div className="flex items-center justify-end mt-4">
52 |                     <PrimaryButton className="ms-4" disabled={processing}>
53 |                         Confirm
54 |                     </PrimaryButton>
55 |                 </div>
56 |             </form>
57 |         </GuestLayout>
58 |     );
59 | }
60 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Auth/ForgotPassword.jsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from '@/Layouts/GuestLayout';
 2 | import InputError from '@/Components/InputError';
 3 | import PrimaryButton from '@/Components/PrimaryButton';
 4 | import TextInput from '@/Components/TextInput';
 5 | import { Head, useForm } from '@inertiajs/react';
 6 | 
 7 | export default function ForgotPassword({ status }) {
 8 |     const { data, setData, post, processing, errors } = useForm({
 9 |         email: '',
10 |     });
11 | 
12 |     const submit = (e) => {
13 |         e.preventDefault();
14 | 
15 |         post(route('password.email'));
16 |     };
17 | 
18 |     return (
19 |         <GuestLayout>
20 |             <Head title="Forgot Password" />
21 | 
22 |             <div className="mb-4 text-sm text-gray-600 dark:text-gray-400">
23 |                 Forgot your password? No problem. Just let us know your email address and we will email you a password
24 |                 reset link that will allow you to choose a new one.
25 |             </div>
26 | 
27 |             {status && <div className="mb-4 font-medium text-sm text-green-600 dark:text-green-400">{status}</div>}
28 | 
29 |             <form onSubmit={submit}>
30 |                 <TextInput
31 |                     id="email"
32 |                     type="email"
33 |                     name="email"
34 |                     value={data.email}
35 |                     className="mt-1 block w-full"
36 |                     isFocused={true}
37 |                     onChange={(e) => setData('email', e.target.value)}
38 |                 />
39 | 
40 |                 <InputError message={errors.email} className="mt-2" />
41 | 
42 |                 <div className="flex items-center justify-end mt-4">
43 |                     <PrimaryButton className="ms-4" disabled={processing}>
44 |                         Email Password Reset Link
45 |                     </PrimaryButton>
46 |                 </div>
47 |             </form>
48 |         </GuestLayout>
49 |     );
50 | }
51 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Auth/Login.jsx:
--------------------------------------------------------------------------------
  1 | import { useEffect } from "react";
  2 | import Checkbox from "@/Components/Checkbox";
  3 | import GuestLayout from "@/Layouts/GuestLayout";
  4 | import InputError from "@/Components/InputError";
  5 | import InputLabel from "@/Components/InputLabel";
  6 | import PrimaryButton from "@/Components/PrimaryButton";
  7 | import TextInput from "@/Components/TextInput";
  8 | import { Head, Link, useForm } from "@inertiajs/react";
  9 | 
 10 | export default function Login({ status, canResetPassword }) {
 11 |     const { data, setData, post, processing, errors, reset } = useForm({
 12 |         email: "",
 13 |         password: "",
 14 |         remember: false,
 15 |     });
 16 | 
 17 |     useEffect(() => {
 18 |         return () => {
 19 |             reset("password");
 20 |         };
 21 |     }, []);
 22 | 
 23 |     const submit = (e) => {
 24 |         e.preventDefault();
 25 | 
 26 |         post(route("login"));
 27 |     };
 28 | 
 29 |     return (
 30 |         <GuestLayout>
 31 |             <Head title="Log in" />
 32 | 
 33 |             {status && (
 34 |                 <div className="mb-4 font-medium text-sm text-green-600">
 35 |                     {status}
 36 |                 </div>
 37 |             )}
 38 | 
 39 |             <form onSubmit={submit}>
 40 |                 <div>
 41 |                     <InputLabel htmlFor="email" value="Email" />
 42 | 
 43 |                     <TextInput
 44 |                         id="email"
 45 |                         type="email"
 46 |                         name="email"
 47 |                         value={data.email}
 48 |                         className="mt-1 block w-full"
 49 |                         autoComplete="username"
 50 |                         isFocused={true}
 51 |                         onChange={(e) => setData("email", e.target.value)}
 52 |                     />
 53 | 
 54 |                     <InputError message={errors.email} className="mt-2" />
 55 |                 </div>
 56 | 
 57 |                 <div className="mt-4">
 58 |                     <InputLabel htmlFor="password" value="Password" />
 59 | 
 60 |                     <TextInput
 61 |                         id="password"
 62 |                         type="password"
 63 |                         id="password"
 64 |                         name="password"
 65 |                         value={data.password}
 66 |                         className="mt-1 block w-full"
 67 |                         autoComplete="current-password"
 68 |                         onChange={(e) => setData("password", e.target.value)}
 69 |                     />
 70 | 
 71 |                     <InputError message={errors.password} className="mt-2" />
 72 |                 </div>
 73 | 
 74 |                 <div className="block mt-4">
 75 |                     <label className="flex items-center">
 76 |                         <Checkbox
 77 |                             name="remember"
 78 |                             checked={data.remember}
 79 |                             onChange={(e) =>
 80 |                                 setData("remember", e.target.checked)
 81 |                             }
 82 |                         />
 83 |                         <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">
 84 |                             Remember me
 85 |                         </span>
 86 |                     </label>
 87 |                 </div>
 88 | 
 89 |                 <div className="flex items-center justify-end mt-4">
 90 |                     {canResetPassword && (
 91 |                         <Link
 92 |                             href={route("password.request")}
 93 |                             className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
 94 |                         >
 95 |                             Forgot your password?
 96 |                         </Link>
 97 |                     )}
 98 | 
 99 |                     <PrimaryButton className="ms-4" disabled={processing}>
100 |                         Log in
101 |                     </PrimaryButton>
102 |                 </div>
103 |             </form>
104 |         </GuestLayout>
105 |     );
106 | }
107 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Auth/Register.jsx:
--------------------------------------------------------------------------------
  1 | import { useEffect } from 'react';
  2 | import GuestLayout from '@/Layouts/GuestLayout';
  3 | import InputError from '@/Components/InputError';
  4 | import InputLabel from '@/Components/InputLabel';
  5 | import PrimaryButton from '@/Components/PrimaryButton';
  6 | import TextInput from '@/Components/TextInput';
  7 | import { Head, Link, useForm } from '@inertiajs/react';
  8 | 
  9 | export default function Register() {
 10 |     const { data, setData, post, processing, errors, reset } = useForm({
 11 |         name: '',
 12 |         email: '',
 13 |         password: '',
 14 |         password_confirmation: '',
 15 |     });
 16 | 
 17 |     useEffect(() => {
 18 |         return () => {
 19 |             reset('password', 'password_confirmation');
 20 |         };
 21 |     }, []);
 22 | 
 23 |     const submit = (e) => {
 24 |         e.preventDefault();
 25 | 
 26 |         post(route('register'));
 27 |     };
 28 | 
 29 |     return (
 30 |         <GuestLayout>
 31 |             <Head title="Register" />
 32 | 
 33 |             <form onSubmit={submit}>
 34 |                 <div>
 35 |                     <InputLabel htmlFor="name" value="Name" />
 36 | 
 37 |                     <TextInput
 38 |                         id="name"
 39 |                         name="name"
 40 |                         value={data.name}
 41 |                         className="mt-1 block w-full"
 42 |                         autoComplete="name"
 43 |                         isFocused={true}
 44 |                         onChange={(e) => setData('name', e.target.value)}
 45 |                         required
 46 |                     />
 47 | 
 48 |                     <InputError message={errors.name} className="mt-2" />
 49 |                 </div>
 50 | 
 51 |                 <div className="mt-4">
 52 |                     <InputLabel htmlFor="email" value="Email" />
 53 | 
 54 |                     <TextInput
 55 |                         id="email"
 56 |                         type="email"
 57 |                         name="email"
 58 |                         value={data.email}
 59 |                         className="mt-1 block w-full"
 60 |                         autoComplete="username"
 61 |                         onChange={(e) => setData('email', e.target.value)}
 62 |                         required
 63 |                     />
 64 | 
 65 |                     <InputError message={errors.email} className="mt-2" />
 66 |                 </div>
 67 | 
 68 |                 <div className="mt-4">
 69 |                     <InputLabel htmlFor="password" value="Password" />
 70 | 
 71 |                     <TextInput
 72 |                         id="password"
 73 |                         type="password"
 74 |                         name="password"
 75 |                         value={data.password}
 76 |                         className="mt-1 block w-full"
 77 |                         autoComplete="new-password"
 78 |                         onChange={(e) => setData('password', e.target.value)}
 79 |                         required
 80 |                     />
 81 | 
 82 |                     <InputError message={errors.password} className="mt-2" />
 83 |                 </div>
 84 | 
 85 |                 <div className="mt-4">
 86 |                     <InputLabel htmlFor="password_confirmation" value="Confirm Password" />
 87 | 
 88 |                     <TextInput
 89 |                         id="password_confirmation"
 90 |                         type="password"
 91 |                         name="password_confirmation"
 92 |                         value={data.password_confirmation}
 93 |                         className="mt-1 block w-full"
 94 |                         autoComplete="new-password"
 95 |                         onChange={(e) => setData('password_confirmation', e.target.value)}
 96 |                         required
 97 |                     />
 98 | 
 99 |                     <InputError message={errors.password_confirmation} className="mt-2" />
100 |                 </div>
101 | 
102 |                 <div className="flex items-center justify-end mt-4">
103 |                     <Link
104 |                         href={route('login')}
105 |                         className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
106 |                     >
107 |                         Already registered?
108 |                     </Link>
109 | 
110 |                     <PrimaryButton className="ms-4" disabled={processing}>
111 |                         Register
112 |                     </PrimaryButton>
113 |                 </div>
114 |             </form>
115 |         </GuestLayout>
116 |     );
117 | }
118 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Auth/ResetPassword.jsx:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | import GuestLayout from '@/Layouts/GuestLayout';
 3 | import InputError from '@/Components/InputError';
 4 | import InputLabel from '@/Components/InputLabel';
 5 | import PrimaryButton from '@/Components/PrimaryButton';
 6 | import TextInput from '@/Components/TextInput';
 7 | import { Head, useForm } from '@inertiajs/react';
 8 | 
 9 | export default function ResetPassword({ token, email }) {
10 |     const { data, setData, post, processing, errors, reset } = useForm({
11 |         token: token,
12 |         email: email,
13 |         password: '',
14 |         password_confirmation: '',
15 |     });
16 | 
17 |     useEffect(() => {
18 |         return () => {
19 |             reset('password', 'password_confirmation');
20 |         };
21 |     }, []);
22 | 
23 |     const submit = (e) => {
24 |         e.preventDefault();
25 | 
26 |         post(route('password.store'));
27 |     };
28 | 
29 |     return (
30 |         <GuestLayout>
31 |             <Head title="Reset Password" />
32 | 
33 |             <form onSubmit={submit}>
34 |                 <div>
35 |                     <InputLabel htmlFor="email" value="Email" />
36 | 
37 |                     <TextInput
38 |                         id="email"
39 |                         type="email"
40 |                         id="email"
41 |                         name="email"
42 |                         value={data.email}
43 |                         className="mt-1 block w-full"
44 |                         autoComplete="username"
45 |                         onChange={(e) => setData('email', e.target.value)}
46 |                     />
47 | 
48 |                     <InputError message={errors.email} className="mt-2" />
49 |                 </div>
50 | 
51 |                 <div className="mt-4">
52 |                     <InputLabel htmlFor="password" value="Password" />
53 | 
54 |                     <TextInput
55 |                         id="password"
56 |                         type="password"
57 |                         id="password"
58 |                         name="password"
59 |                         value={data.password}
60 |                         className="mt-1 block w-full"
61 |                         autoComplete="new-password"
62 |                         isFocused={true}
63 |                         onChange={(e) => setData('password', e.target.value)}
64 |                     />
65 | 
66 |                     <InputError message={errors.password} className="mt-2" />
67 |                 </div>
68 | 
69 |                 <div className="mt-4">
70 |                     <InputLabel htmlFor="password_confirmation" value="Confirm Password" />
71 | 
72 |                     <TextInput
73 |                         type="password"
74 |                         id="password_confirmation"
75 |                         name="password_confirmation"
76 |                         value={data.password_confirmation}
77 |                         className="mt-1 block w-full"
78 |                         autoComplete="new-password"
79 |                         onChange={(e) => setData('password_confirmation', e.target.value)}
80 |                     />
81 | 
82 |                     <InputError message={errors.password_confirmation} className="mt-2" />
83 |                 </div>
84 | 
85 |                 <div className="flex items-center justify-end mt-4">
86 |                     <PrimaryButton className="ms-4" disabled={processing}>
87 |                         Reset Password
88 |                     </PrimaryButton>
89 |                 </div>
90 |             </form>
91 |         </GuestLayout>
92 |     );
93 | }
94 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Auth/VerifyEmail.jsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from '@/Layouts/GuestLayout';
 2 | import PrimaryButton from '@/Components/PrimaryButton';
 3 | import { Head, Link, useForm } from '@inertiajs/react';
 4 | 
 5 | export default function VerifyEmail({ status }) {
 6 |     const { post, processing } = useForm({});
 7 | 
 8 |     const submit = (e) => {
 9 |         e.preventDefault();
10 | 
11 |         post(route('verification.send'));
12 |     };
13 | 
14 |     return (
15 |         <GuestLayout>
16 |             <Head title="Email Verification" />
17 | 
18 |             <div className="mb-4 text-sm text-gray-600 dark:text-gray-400">
19 |                 Thanks for signing up! Before getting started, could you verify your email address by clicking on the
20 |                 link we just emailed to you? If you didn't receive the email, we will gladly send you another.
21 |             </div>
22 | 
23 |             {status === 'verification-link-sent' && (
24 |                 <div className="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
25 |                     A new verification link has been sent to the email address you provided during registration.
26 |                 </div>
27 |             )}
28 | 
29 |             <form onSubmit={submit}>
30 |                 <div className="mt-4 flex items-center justify-between">
31 |                     <PrimaryButton disabled={processing}>Resend Verification Email</PrimaryButton>
32 | 
33 |                     <Link
34 |                         href={route('logout')}
35 |                         method="post"
36 |                         as="button"
37 |                         className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
38 |                     >
39 |                         Log Out
40 |                     </Link>
41 |                 </div>
42 |             </form>
43 |         </GuestLayout>
44 |     );
45 | }
46 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Dashboard.jsx:
--------------------------------------------------------------------------------
  1 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  2 | import { TASK_STATUS_CLASS_MAP, TASK_STATUS_TEXT_MAP } from "@/constants";
  3 | import { Head, Link } from "@inertiajs/react";
  4 | 
  5 | export default function Dashboard({
  6 |   auth,
  7 |   totalPendingTasks,
  8 |   myPendingTasks,
  9 |   totalProgressTasks,
 10 |   myProgressTasks,
 11 |   totalCompletedTasks,
 12 |   myCompletedTasks,
 13 |   activeTasks,
 14 | }) {
 15 |   return (
 16 |     <AuthenticatedLayout
 17 |       user={auth.user}
 18 |       header={
 19 |         <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 20 |           Dashboard
 21 |         </h2>
 22 |       }
 23 |     >
 24 |       <Head title="Dashboard" />
 25 | 
 26 |       <div className="py-12">
 27 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8 grid grid-cols-3 gap-2">
 28 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 29 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 30 |               <h3 className="text-amber-500 text-2xl font-semibold">
 31 |                 Pending Tasks
 32 |               </h3>
 33 |               <p className="text-xl mt-4">
 34 |                 <span className="mr-2">{myPendingTasks}</span>/
 35 |                 <span className="ml-2">{totalPendingTasks}</span>
 36 |               </p>
 37 |             </div>
 38 |           </div>
 39 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 40 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 41 |               <h3 className="text-blue-500 text-2xl font-semibold">
 42 |                 In Progress Tasks
 43 |               </h3>
 44 |               <p className="text-xl mt-4">
 45 |                 <span className="mr-2">{myProgressTasks}</span>/
 46 |                 <span className="ml-2">{totalProgressTasks}</span>
 47 |               </p>
 48 |             </div>
 49 |           </div>
 50 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 51 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 52 |               <h3 className="text-green-500 text-2xl font-semibold">
 53 |                 Completed Tasks
 54 |               </h3>
 55 |               <p className="text-xl mt-4">
 56 |                 <span className="mr-2">{myCompletedTasks}</span>/
 57 |                 <span className="ml-2">{totalCompletedTasks}</span>
 58 |               </p>
 59 |             </div>
 60 |           </div>
 61 |         </div>
 62 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8 mt-4">
 63 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 64 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 65 |               <h3 className="text-gray-200 text-xl font-semibold">
 66 |                 My Active Tasks
 67 |               </h3>
 68 | 
 69 |               <table className="mt-3 w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
 70 |                 <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400 border-b-2 border-gray-500">
 71 |                   <tr>
 72 |                     <th className="px-3 py-3">ID</th>
 73 |                     <th className="px-3 py-3">Project Name</th>
 74 |                     <th className="px-3 py-3">Name</th>
 75 |                     <th className="px-3 py-3">Status</th>
 76 |                     <th className="px-3 py-3">Due Date</th>
 77 |                   </tr>
 78 |                 </thead>
 79 |                 <tbody>
 80 |                   {activeTasks.data.map((task) => (
 81 |                     <tr key={task.id}>
 82 |                       <td className="px-3 py-2">{task.id}</td>
 83 |                       <td className="px-3 py-2 text-white hover:underline">
 84 |                         <Link href={route("project.show", task.project.id)}>
 85 |                           {task.project.name}
 86 |                         </Link>
 87 |                       </td>
 88 |                       <td className="px-3 py-2 text-white hover:underline">
 89 |                         <Link href={route("task.show", task.id)}>
 90 |                           {task.name}
 91 |                         </Link>
 92 |                       </td>
 93 |                       <td className="px-3 py-2">
 94 |                         <span
 95 |                           className={
 96 |                             "px-2 py-1 rounded text-nowrap text-white " +
 97 |                             TASK_STATUS_CLASS_MAP[task.status]
 98 |                           }
 99 |                         >
100 |                           {TASK_STATUS_TEXT_MAP[task.status]}
101 |                         </span>
102 |                       </td>
103 |                       <td className="px-3 py-2 text-nowrap">{task.due_date}</td>
104 |                     </tr>
105 |                   ))}
106 |                 </tbody>
107 |               </table>
108 |             </div>
109 |           </div>
110 |         </div>
111 |       </div>
112 |     </AuthenticatedLayout>
113 |   );
114 | }
115 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Profile/Edit.jsx:
--------------------------------------------------------------------------------
 1 | import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
 2 | import DeleteUserForm from './Partials/DeleteUserForm';
 3 | import UpdatePasswordForm from './Partials/UpdatePasswordForm';
 4 | import UpdateProfileInformationForm from './Partials/UpdateProfileInformationForm';
 5 | import { Head } from '@inertiajs/react';
 6 | 
 7 | export default function Edit({ auth, mustVerifyEmail, status }) {
 8 |     return (
 9 |         <AuthenticatedLayout
10 |             user={auth.user}
11 |             header={<h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Profile</h2>}
12 |         >
13 |             <Head title="Profile" />
14 | 
15 |             <div className="py-12">
16 |                 <div className="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
17 |                     <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
18 |                         <UpdateProfileInformationForm
19 |                             mustVerifyEmail={mustVerifyEmail}
20 |                             status={status}
21 |                             className="max-w-xl"
22 |                         />
23 |                     </div>
24 | 
25 |                     <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
26 |                         <UpdatePasswordForm className="max-w-xl" />
27 |                     </div>
28 | 
29 |                     <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
30 |                         <DeleteUserForm className="max-w-xl" />
31 |                     </div>
32 |                 </div>
33 |             </div>
34 |         </AuthenticatedLayout>
35 |     );
36 | }
37 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx:
--------------------------------------------------------------------------------
  1 | import { useRef, useState } from 'react';
  2 | import DangerButton from '@/Components/DangerButton';
  3 | import InputError from '@/Components/InputError';
  4 | import InputLabel from '@/Components/InputLabel';
  5 | import Modal from '@/Components/Modal';
  6 | import SecondaryButton from '@/Components/SecondaryButton';
  7 | import TextInput from '@/Components/TextInput';
  8 | import { useForm } from '@inertiajs/react';
  9 | 
 10 | export default function DeleteUserForm({ className = '' }) {
 11 |     const [confirmingUserDeletion, setConfirmingUserDeletion] = useState(false);
 12 |     const passwordInput = useRef();
 13 | 
 14 |     const {
 15 |         data,
 16 |         setData,
 17 |         delete: destroy,
 18 |         processing,
 19 |         reset,
 20 |         errors,
 21 |     } = useForm({
 22 |         password: '',
 23 |     });
 24 | 
 25 |     const confirmUserDeletion = () => {
 26 |         setConfirmingUserDeletion(true);
 27 |     };
 28 | 
 29 |     const deleteUser = (e) => {
 30 |         e.preventDefault();
 31 | 
 32 |         destroy(route('profile.destroy'), {
 33 |             preserveScroll: true,
 34 |             onSuccess: () => closeModal(),
 35 |             onError: () => passwordInput.current.focus(),
 36 |             onFinish: () => reset(),
 37 |         });
 38 |     };
 39 | 
 40 |     const closeModal = () => {
 41 |         setConfirmingUserDeletion(false);
 42 | 
 43 |         reset();
 44 |     };
 45 | 
 46 |     return (
 47 |         <section className={`space-y-6 ${className}`}>
 48 |             <header>
 49 |                 <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Delete Account</h2>
 50 | 
 51 |                 <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
 52 |                     Once your account is deleted, all of its resources and data will be permanently deleted. Before
 53 |                     deleting your account, please download any data or information that you wish to retain.
 54 |                 </p>
 55 |             </header>
 56 | 
 57 |             <DangerButton onClick={confirmUserDeletion}>Delete Account</DangerButton>
 58 | 
 59 |             <Modal show={confirmingUserDeletion} onClose={closeModal}>
 60 |                 <form onSubmit={deleteUser} className="p-6">
 61 |                     <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">
 62 |                         Are you sure you want to delete your account?
 63 |                     </h2>
 64 | 
 65 |                     <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
 66 |                         Once your account is deleted, all of its resources and data will be permanently deleted. Please
 67 |                         enter your password to confirm you would like to permanently delete your account.
 68 |                     </p>
 69 | 
 70 |                     <div className="mt-6">
 71 |                         <InputLabel htmlFor="password" value="Password" className="sr-only" />
 72 | 
 73 |                         <TextInput
 74 |                             id="password"
 75 |                             type="password"
 76 |                             name="password"
 77 |                             ref={passwordInput}
 78 |                             value={data.password}
 79 |                             onChange={(e) => setData('password', e.target.value)}
 80 |                             className="mt-1 block w-3/4"
 81 |                             isFocused
 82 |                             placeholder="Password"
 83 |                         />
 84 | 
 85 |                         <InputError message={errors.password} className="mt-2" />
 86 |                     </div>
 87 | 
 88 |                     <div className="mt-6 flex justify-end">
 89 |                         <SecondaryButton onClick={closeModal}>Cancel</SecondaryButton>
 90 | 
 91 |                         <DangerButton className="ms-3" disabled={processing}>
 92 |                             Delete Account
 93 |                         </DangerButton>
 94 |                     </div>
 95 |                 </form>
 96 |             </Modal>
 97 |         </section>
 98 |     );
 99 | }
100 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Profile/Partials/UpdatePasswordForm.jsx:
--------------------------------------------------------------------------------
  1 | import { useRef } from 'react';
  2 | import InputError from '@/Components/InputError';
  3 | import InputLabel from '@/Components/InputLabel';
  4 | import PrimaryButton from '@/Components/PrimaryButton';
  5 | import TextInput from '@/Components/TextInput';
  6 | import { useForm } from '@inertiajs/react';
  7 | import { Transition } from '@headlessui/react';
  8 | 
  9 | export default function UpdatePasswordForm({ className = '' }) {
 10 |     const passwordInput = useRef();
 11 |     const currentPasswordInput = useRef();
 12 | 
 13 |     const { data, setData, errors, put, reset, processing, recentlySuccessful } = useForm({
 14 |         current_password: '',
 15 |         password: '',
 16 |         password_confirmation: '',
 17 |     });
 18 | 
 19 |     const updatePassword = (e) => {
 20 |         e.preventDefault();
 21 | 
 22 |         put(route('password.update'), {
 23 |             preserveScroll: true,
 24 |             onSuccess: () => reset(),
 25 |             onError: (errors) => {
 26 |                 if (errors.password) {
 27 |                     reset('password', 'password_confirmation');
 28 |                     passwordInput.current.focus();
 29 |                 }
 30 | 
 31 |                 if (errors.current_password) {
 32 |                     reset('current_password');
 33 |                     currentPasswordInput.current.focus();
 34 |                 }
 35 |             },
 36 |         });
 37 |     };
 38 | 
 39 |     return (
 40 |         <section className={className}>
 41 |             <header>
 42 |                 <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Update Password</h2>
 43 | 
 44 |                 <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
 45 |                     Ensure your account is using a long, random password to stay secure.
 46 |                 </p>
 47 |             </header>
 48 | 
 49 |             <form onSubmit={updatePassword} className="mt-6 space-y-6">
 50 |                 <div>
 51 |                     <InputLabel htmlFor="current_password" value="Current Password" />
 52 | 
 53 |                     <TextInput
 54 |                         id="current_password"
 55 |                         ref={currentPasswordInput}
 56 |                         value={data.current_password}
 57 |                         onChange={(e) => setData('current_password', e.target.value)}
 58 |                         type="password"
 59 |                         className="mt-1 block w-full"
 60 |                         autoComplete="current-password"
 61 |                     />
 62 | 
 63 |                     <InputError message={errors.current_password} className="mt-2" />
 64 |                 </div>
 65 | 
 66 |                 <div>
 67 |                     <InputLabel htmlFor="password" value="New Password" />
 68 | 
 69 |                     <TextInput
 70 |                         id="password"
 71 |                         ref={passwordInput}
 72 |                         value={data.password}
 73 |                         onChange={(e) => setData('password', e.target.value)}
 74 |                         type="password"
 75 |                         className="mt-1 block w-full"
 76 |                         autoComplete="new-password"
 77 |                     />
 78 | 
 79 |                     <InputError message={errors.password} className="mt-2" />
 80 |                 </div>
 81 | 
 82 |                 <div>
 83 |                     <InputLabel htmlFor="password_confirmation" value="Confirm Password" />
 84 | 
 85 |                     <TextInput
 86 |                         id="password_confirmation"
 87 |                         value={data.password_confirmation}
 88 |                         onChange={(e) => setData('password_confirmation', e.target.value)}
 89 |                         type="password"
 90 |                         className="mt-1 block w-full"
 91 |                         autoComplete="new-password"
 92 |                     />
 93 | 
 94 |                     <InputError message={errors.password_confirmation} className="mt-2" />
 95 |                 </div>
 96 | 
 97 |                 <div className="flex items-center gap-4">
 98 |                     <PrimaryButton disabled={processing}>Save</PrimaryButton>
 99 | 
100 |                     <Transition
101 |                         show={recentlySuccessful}
102 |                         enter="transition ease-in-out"
103 |                         enterFrom="opacity-0"
104 |                         leave="transition ease-in-out"
105 |                         leaveTo="opacity-0"
106 |                     >
107 |                         <p className="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
108 |                     </Transition>
109 |                 </div>
110 |             </form>
111 |         </section>
112 |     );
113 | }
114 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.jsx:
--------------------------------------------------------------------------------
  1 | import InputError from '@/Components/InputError';
  2 | import InputLabel from '@/Components/InputLabel';
  3 | import PrimaryButton from '@/Components/PrimaryButton';
  4 | import TextInput from '@/Components/TextInput';
  5 | import { Link, useForm, usePage } from '@inertiajs/react';
  6 | import { Transition } from '@headlessui/react';
  7 | 
  8 | export default function UpdateProfileInformation({ mustVerifyEmail, status, className = '' }) {
  9 |     const user = usePage().props.auth.user;
 10 | 
 11 |     const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({
 12 |         name: user.name,
 13 |         email: user.email,
 14 |     });
 15 | 
 16 |     const submit = (e) => {
 17 |         e.preventDefault();
 18 | 
 19 |         patch(route('profile.update'));
 20 |     };
 21 | 
 22 |     return (
 23 |         <section className={className}>
 24 |             <header>
 25 |                 <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Profile Information</h2>
 26 | 
 27 |                 <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
 28 |                     Update your account's profile information and email address.
 29 |                 </p>
 30 |             </header>
 31 | 
 32 |             <form onSubmit={submit} className="mt-6 space-y-6">
 33 |                 <div>
 34 |                     <InputLabel htmlFor="name" value="Name" />
 35 | 
 36 |                     <TextInput
 37 |                         id="name"
 38 |                         className="mt-1 block w-full"
 39 |                         value={data.name}
 40 |                         onChange={(e) => setData('name', e.target.value)}
 41 |                         required
 42 |                         isFocused
 43 |                         autoComplete="name"
 44 |                     />
 45 | 
 46 |                     <InputError className="mt-2" message={errors.name} />
 47 |                 </div>
 48 | 
 49 |                 <div>
 50 |                     <InputLabel htmlFor="email" value="Email" />
 51 | 
 52 |                     <TextInput
 53 |                         id="email"
 54 |                         type="email"
 55 |                         className="mt-1 block w-full"
 56 |                         value={data.email}
 57 |                         onChange={(e) => setData('email', e.target.value)}
 58 |                         required
 59 |                         autoComplete="username"
 60 |                     />
 61 | 
 62 |                     <InputError className="mt-2" message={errors.email} />
 63 |                 </div>
 64 | 
 65 |                 {mustVerifyEmail && user.email_verified_at === null && (
 66 |                     <div>
 67 |                         <p className="text-sm mt-2 text-gray-800 dark:text-gray-200">
 68 |                             Your email address is unverified.
 69 |                             <Link
 70 |                                 href={route('verification.send')}
 71 |                                 method="post"
 72 |                                 as="button"
 73 |                                 className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
 74 |                             >
 75 |                                 Click here to re-send the verification email.
 76 |                             </Link>
 77 |                         </p>
 78 | 
 79 |                         {status === 'verification-link-sent' && (
 80 |                             <div className="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
 81 |                                 A new verification link has been sent to your email address.
 82 |                             </div>
 83 |                         )}
 84 |                     </div>
 85 |                 )}
 86 | 
 87 |                 <div className="flex items-center gap-4">
 88 |                     <PrimaryButton disabled={processing}>Save</PrimaryButton>
 89 | 
 90 |                     <Transition
 91 |                         show={recentlySuccessful}
 92 |                         enter="transition ease-in-out"
 93 |                         enterFrom="opacity-0"
 94 |                         leave="transition ease-in-out"
 95 |                         leaveTo="opacity-0"
 96 |                     >
 97 |                         <p className="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
 98 |                     </Transition>
 99 |                 </div>
100 |             </form>
101 |         </section>
102 |     );
103 | }
104 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Project/Create.jsx:
--------------------------------------------------------------------------------
  1 | import InputError from "@/Components/InputError";
  2 | import InputLabel from "@/Components/InputLabel";
  3 | import SelectInput from "@/Components/SelectInput";
  4 | import TextAreaInput from "@/Components/TextAreaInput";
  5 | import TextInput from "@/Components/TextInput";
  6 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  7 | import { Head, Link, useForm } from "@inertiajs/react";
  8 | 
  9 | export default function Create({ auth }) {
 10 |   const { data, setData, post, errors, reset } = useForm({
 11 |     image: "",
 12 |     name: "",
 13 |     status: "",
 14 |     description: "",
 15 |     due_date: "",
 16 |   });
 17 | 
 18 |   const onSubmit = (e) => {
 19 |     e.preventDefault();
 20 | 
 21 |     post(route("project.store"));
 22 |   };
 23 | 
 24 |   return (
 25 |     <AuthenticatedLayout
 26 |       user={auth.user}
 27 |       header={
 28 |         <div className="flex justify-between items-center">
 29 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 30 |             Create new Project
 31 |           </h2>
 32 |         </div>
 33 |       }
 34 |     >
 35 |       <Head title="Projects" />
 36 | 
 37 |       <div className="py-12">
 38 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 39 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 40 |             <form
 41 |               onSubmit={onSubmit}
 42 |               className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"
 43 |             >
 44 |               <div>
 45 |                 <InputLabel
 46 |                   htmlFor="project_image_path"
 47 |                   value="Project Image"
 48 |                 />
 49 |                 <TextInput
 50 |                   id="project_image_path"
 51 |                   type="file"
 52 |                   name="image"
 53 |                   className="mt-1 block w-full"
 54 |                   onChange={(e) => setData("image", e.target.files[0])}
 55 |                 />
 56 |                 <InputError message={errors.image} className="mt-2" />
 57 |               </div>
 58 |               <div className="mt-4">
 59 |                 <InputLabel htmlFor="project_name" value="Project Name" />
 60 | 
 61 |                 <TextInput
 62 |                   id="project_name"
 63 |                   type="text"
 64 |                   name="name"
 65 |                   value={data.name}
 66 |                   className="mt-1 block w-full"
 67 |                   isFocused={true}
 68 |                   onChange={(e) => setData("name", e.target.value)}
 69 |                 />
 70 | 
 71 |                 <InputError message={errors.name} className="mt-2" />
 72 |               </div>
 73 |               <div className="mt-4">
 74 |                 <InputLabel
 75 |                   htmlFor="project_description"
 76 |                   value="Project Description"
 77 |                 />
 78 | 
 79 |                 <TextAreaInput
 80 |                   id="project_description"
 81 |                   name="description"
 82 |                   value={data.description}
 83 |                   className="mt-1 block w-full"
 84 |                   onChange={(e) => setData("description", e.target.value)}
 85 |                 />
 86 | 
 87 |                 <InputError message={errors.description} className="mt-2" />
 88 |               </div>
 89 |               <div className="mt-4">
 90 |                 <InputLabel
 91 |                   htmlFor="project_due_date"
 92 |                   value="Project Deadline"
 93 |                 />
 94 | 
 95 |                 <TextInput
 96 |                   id="project_due_date"
 97 |                   type="date"
 98 |                   name="due_date"
 99 |                   value={data.due_date}
100 |                   className="mt-1 block w-full"
101 |                   onChange={(e) => setData("due_date", e.target.value)}
102 |                 />
103 | 
104 |                 <InputError message={errors.due_date} className="mt-2" />
105 |               </div>
106 |               <div className="mt-4">
107 |                 <InputLabel htmlFor="project_status" value="Project Status" />
108 | 
109 |                 <SelectInput
110 |                   name="status"
111 |                   id="project_status"
112 |                   className="mt-1 block w-full"
113 |                   onChange={(e) => setData("status", e.target.value)}
114 |                 >
115 |                   <option value="">Select Status</option>
116 |                   <option value="pending">Pending</option>
117 |                   <option value="in_progress">In Progress</option>
118 |                   <option value="completed">Completed</option>
119 |                 </SelectInput>
120 | 
121 |                 <InputError message={errors.project_status} className="mt-2" />
122 |               </div>
123 |               <div className="mt-4 text-right">
124 |                 <Link
125 |                   href={route("project.index")}
126 |                   className="bg-gray-100 py-1 px-3 text-gray-800 rounded shadow transition-all hover:bg-gray-200 mr-2"
127 |                 >
128 |                   Cancel
129 |                 </Link>
130 |                 <button className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600">
131 |                   Submit
132 |                 </button>
133 |               </div>
134 |             </form>
135 |           </div>
136 |         </div>
137 |       </div>
138 |     </AuthenticatedLayout>
139 |   );
140 | }
141 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Project/Edit.jsx:
--------------------------------------------------------------------------------
  1 | import InputError from "@/Components/InputError";
  2 | import InputLabel from "@/Components/InputLabel";
  3 | import SelectInput from "@/Components/SelectInput";
  4 | import TextAreaInput from "@/Components/TextAreaInput";
  5 | import TextInput from "@/Components/TextInput";
  6 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  7 | import { Head, Link, useForm } from "@inertiajs/react";
  8 | 
  9 | export default function Create({ auth, project }) {
 10 |   const { data, setData, post, errors, reset } = useForm({
 11 |     image: "",
 12 |     name: project.name || "",
 13 |     status: project.status || "",
 14 |     description: project.description || "",
 15 |     due_date: project.due_date || "",
 16 |     _method: "PUT",
 17 |   });
 18 | 
 19 |   const onSubmit = (e) => {
 20 |     e.preventDefault();
 21 | 
 22 |     post(route("project.update", project.id));
 23 |   };
 24 | 
 25 |   return (
 26 |     <AuthenticatedLayout
 27 |       user={auth.user}
 28 |       header={
 29 |         <div className="flex justify-between items-center">
 30 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 31 |             Edit project "{project.name}"
 32 |           </h2>
 33 |         </div>
 34 |       }
 35 |     >
 36 |       <Head title="Projects" />
 37 | 
 38 |       <div className="py-12">
 39 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 40 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 41 |             <form
 42 |               onSubmit={onSubmit}
 43 |               className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"
 44 |             >
 45 |               {project.image_path && (
 46 |                 <div className="mb-4">
 47 |                   <img src={project.image_path} className="w-64" />
 48 |                 </div>
 49 |               )}
 50 |               <div>
 51 |                 <InputLabel
 52 |                   htmlFor="project_image_path"
 53 |                   value="Project Image"
 54 |                 />
 55 |                 <TextInput
 56 |                   id="project_image_path"
 57 |                   type="file"
 58 |                   name="image"
 59 |                   className="mt-1 block w-full"
 60 |                   onChange={(e) => setData("image", e.target.files[0])}
 61 |                 />
 62 |                 <InputError message={errors.image} className="mt-2" />
 63 |               </div>
 64 |               <div className="mt-4">
 65 |                 <InputLabel htmlFor="project_name" value="Project Name" />
 66 | 
 67 |                 <TextInput
 68 |                   id="project_name"
 69 |                   type="text"
 70 |                   name="name"
 71 |                   value={data.name}
 72 |                   className="mt-1 block w-full"
 73 |                   isFocused={true}
 74 |                   onChange={(e) => setData("name", e.target.value)}
 75 |                 />
 76 | 
 77 |                 <InputError message={errors.name} className="mt-2" />
 78 |               </div>
 79 |               <div className="mt-4">
 80 |                 <InputLabel
 81 |                   htmlFor="project_description"
 82 |                   value="Project Description"
 83 |                 />
 84 | 
 85 |                 <TextAreaInput
 86 |                   id="project_description"
 87 |                   name="description"
 88 |                   value={data.description}
 89 |                   className="mt-1 block w-full"
 90 |                   onChange={(e) => setData("description", e.target.value)}
 91 |                 />
 92 | 
 93 |                 <InputError message={errors.description} className="mt-2" />
 94 |               </div>
 95 |               <div className="mt-4">
 96 |                 <InputLabel
 97 |                   htmlFor="project_due_date"
 98 |                   value="Project Deadline"
 99 |                 />
100 | 
101 |                 <TextInput
102 |                   id="project_due_date"
103 |                   type="date"
104 |                   name="due_date"
105 |                   value={data.due_date}
106 |                   className="mt-1 block w-full"
107 |                   onChange={(e) => setData("due_date", e.target.value)}
108 |                 />
109 | 
110 |                 <InputError message={errors.due_date} className="mt-2" />
111 |               </div>
112 |               <div className="mt-4">
113 |                 <InputLabel htmlFor="project_status" value="Project Status" />
114 | 
115 |                 <SelectInput
116 |                   name="status"
117 |                   id="project_status"
118 |                   className="mt-1 block w-full"
119 |                   onChange={(e) => setData("status", e.target.value)}
120 |                 >
121 |                   <option value="">Select Status</option>
122 |                   <option value="pending">Pending</option>
123 |                   <option value="in_progress">In Progress</option>
124 |                   <option value="completed">Completed</option>
125 |                 </SelectInput>
126 | 
127 |                 <InputError message={errors.project_status} className="mt-2" />
128 |               </div>
129 |               <div className="mt-4 text-right">
130 |                 <Link
131 |                   href={route("project.index")}
132 |                   className="bg-gray-100 py-1 px-3 text-gray-800 rounded shadow transition-all hover:bg-gray-200 mr-2"
133 |                 >
134 |                   Cancel
135 |                 </Link>
136 |                 <button className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600">
137 |                   Submit
138 |                 </button>
139 |               </div>
140 |             </form>
141 |           </div>
142 |         </div>
143 |       </div>
144 |     </AuthenticatedLayout>
145 |   );
146 | }
147 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Project/Show.jsx:
--------------------------------------------------------------------------------
  1 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  2 | import { Head, Link } from "@inertiajs/react";
  3 | import {
  4 |   PROJECT_STATUS_CLASS_MAP,
  5 |   PROJECT_STATUS_TEXT_MAP,
  6 | } from "@/constants.jsx";
  7 | import TasksTable from "../Task/TasksTable";
  8 | export default function Show({ auth, success, project, tasks, queryParams }) {
  9 |   return (
 10 |     <AuthenticatedLayout
 11 |       user={auth.user}
 12 |       header={
 13 |         <div className="flex items-center justify-between">
 14 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 15 |             {`Project "${project.name}"`}
 16 |           </h2>
 17 |           <Link
 18 |             href={route("project.edit", project.id)}
 19 |             className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600"
 20 |           >
 21 |             Edit
 22 |           </Link>
 23 |         </div>
 24 |       }
 25 |     >
 26 |       <Head title={`Project "${project.name}"`} />
 27 |       <div className="py-12">
 28 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 29 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 30 |             <div>
 31 |               <img
 32 |                 src={project.image_path}
 33 |                 alt=""
 34 |                 className="w-full h-64 object-cover"
 35 |               />
 36 |             </div>
 37 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 38 |               <div className="grid gap-1 grid-cols-2 mt-2">
 39 |                 <div>
 40 |                   <div>
 41 |                     <label className="font-bold text-lg">Project ID</label>
 42 |                     <p className="mt-1">{project.id}</p>
 43 |                   </div>
 44 |                   <div className="mt-4">
 45 |                     <label className="font-bold text-lg">Project Name</label>
 46 |                     <p className="mt-1">{project.name}</p>
 47 |                   </div>
 48 | 
 49 |                   <div className="mt-4">
 50 |                     <label className="font-bold text-lg">Project Status</label>
 51 |                     <p className="mt-1">
 52 |                       <span
 53 |                         className={
 54 |                           "px-2 py-1 rounded text-white " +
 55 |                           PROJECT_STATUS_CLASS_MAP[project.status]
 56 |                         }
 57 |                       >
 58 |                         {PROJECT_STATUS_TEXT_MAP[project.status]}
 59 |                       </span>
 60 |                     </p>
 61 |                   </div>
 62 |                   <div className="mt-4">
 63 |                     <label className="font-bold text-lg">Created By</label>
 64 |                     <p className="mt-1">{project.createdBy.name}</p>
 65 |                   </div>
 66 |                 </div>
 67 |                 <div>
 68 |                   <div>
 69 |                     <label className="font-bold text-lg">Due Date</label>
 70 |                     <p className="mt-1">{project.due_date}</p>
 71 |                   </div>
 72 |                   <div className="mt-4">
 73 |                     <label className="font-bold text-lg">Create Date</label>
 74 |                     <p className="mt-1">{project.created_at}</p>
 75 |                   </div>
 76 |                   <div className="mt-4">
 77 |                     <label className="font-bold text-lg">Updated By</label>
 78 |                     <p className="mt-1">{project.updatedBy.name}</p>
 79 |                   </div>
 80 |                 </div>
 81 |               </div>
 82 | 
 83 |               <div className="mt-4">
 84 |                 <label className="font-bold text-lg">Project Description</label>
 85 |                 <p className="mt-1">{project.description}</p>
 86 |               </div>
 87 |             </div>
 88 |           </div>
 89 |         </div>
 90 |       </div>
 91 | 
 92 |       <div className="pb-12">
 93 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 94 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 95 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 96 |               <TasksTable
 97 |                 tasks={tasks}
 98 |                 success={success}
 99 |                 queryParams={queryParams}
100 |                 hideProjectColumn={true}
101 |               />
102 |             </div>
103 |           </div>
104 |         </div>
105 |       </div>
106 |     </AuthenticatedLayout>
107 |   );
108 | }
109 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Task/Create.jsx:
--------------------------------------------------------------------------------
  1 | import InputError from "@/Components/InputError";
  2 | import InputLabel from "@/Components/InputLabel";
  3 | import SelectInput from "@/Components/SelectInput";
  4 | import TextAreaInput from "@/Components/TextAreaInput";
  5 | import TextInput from "@/Components/TextInput";
  6 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  7 | import { Head, Link, useForm } from "@inertiajs/react";
  8 | 
  9 | export default function Create({ auth, projects, users }) {
 10 |   const { data, setData, post, errors, reset } = useForm({
 11 |     image: "",
 12 |     name: "",
 13 |     status: "",
 14 |     description: "",
 15 |     due_date: "",
 16 |   });
 17 | 
 18 |   const onSubmit = (e) => {
 19 |     e.preventDefault();
 20 | 
 21 |     post(route("task.store"));
 22 |   };
 23 | 
 24 |   return (
 25 |     <AuthenticatedLayout
 26 |       user={auth.user}
 27 |       header={
 28 |         <div className="flex justify-between items-center">
 29 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 30 |             Create new Task
 31 |           </h2>
 32 |         </div>
 33 |       }
 34 |     >
 35 |       <Head title="Tasks" />
 36 | 
 37 |       <div className="py-12">
 38 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 39 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 40 |             <form
 41 |               onSubmit={onSubmit}
 42 |               className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"
 43 |             >
 44 |               <div>
 45 |                 <InputLabel htmlFor="task_project_id" value="Project" />
 46 | 
 47 |                 <SelectInput
 48 |                   name="project_id"
 49 |                   id="task_project_id"
 50 |                   className="mt-1 block w-full"
 51 |                   onChange={(e) => setData("project_id", e.target.value)}
 52 |                 >
 53 |                   <option value="">Select Project</option>
 54 |                   {projects.data.map((project) => (
 55 |                     <option value={project.id} key={project.id}>
 56 |                       {project.name}
 57 |                     </option>
 58 |                   ))}
 59 |                 </SelectInput>
 60 | 
 61 |                 <InputError message={errors.project_id} className="mt-2" />
 62 |               </div>
 63 |               <div className="mt-4">
 64 |                 <InputLabel htmlFor="task_image_path" value="Task Image" />
 65 |                 <TextInput
 66 |                   id="task_image_path"
 67 |                   type="file"
 68 |                   name="image"
 69 |                   className="mt-1 block w-full"
 70 |                   onChange={(e) => setData("image", e.target.files[0])}
 71 |                 />
 72 |                 <InputError message={errors.image} className="mt-2" />
 73 |               </div>
 74 |               <div className="mt-4">
 75 |                 <InputLabel htmlFor="task_name" value="Task Name" />
 76 | 
 77 |                 <TextInput
 78 |                   id="task_name"
 79 |                   type="text"
 80 |                   name="name"
 81 |                   value={data.name}
 82 |                   className="mt-1 block w-full"
 83 |                   isFocused={true}
 84 |                   onChange={(e) => setData("name", e.target.value)}
 85 |                 />
 86 | 
 87 |                 <InputError message={errors.name} className="mt-2" />
 88 |               </div>
 89 |               <div className="mt-4">
 90 |                 <InputLabel
 91 |                   htmlFor="task_description"
 92 |                   value="Task Description"
 93 |                 />
 94 | 
 95 |                 <TextAreaInput
 96 |                   id="task_description"
 97 |                   name="description"
 98 |                   value={data.description}
 99 |                   className="mt-1 block w-full"
100 |                   onChange={(e) => setData("description", e.target.value)}
101 |                 />
102 | 
103 |                 <InputError message={errors.description} className="mt-2" />
104 |               </div>
105 |               <div className="mt-4">
106 |                 <InputLabel htmlFor="task_due_date" value="Task Deadline" />
107 | 
108 |                 <TextInput
109 |                   id="task_due_date"
110 |                   type="date"
111 |                   name="due_date"
112 |                   value={data.due_date}
113 |                   className="mt-1 block w-full"
114 |                   onChange={(e) => setData("due_date", e.target.value)}
115 |                 />
116 | 
117 |                 <InputError message={errors.due_date} className="mt-2" />
118 |               </div>
119 |               <div className="mt-4">
120 |                 <InputLabel htmlFor="task_status" value="Task Status" />
121 | 
122 |                 <SelectInput
123 |                   name="status"
124 |                   id="task_status"
125 |                   className="mt-1 block w-full"
126 |                   onChange={(e) => setData("status", e.target.value)}
127 |                 >
128 |                   <option value="">Select Status</option>
129 |                   <option value="pending">Pending</option>
130 |                   <option value="in_progress">In Progress</option>
131 |                   <option value="completed">Completed</option>
132 |                 </SelectInput>
133 | 
134 |                 <InputError message={errors.task_status} className="mt-2" />
135 |               </div>
136 | 
137 |               <div className="mt-4">
138 |                 <InputLabel htmlFor="task_priority" value="Task Priority" />
139 | 
140 |                 <SelectInput
141 |                   name="priority"
142 |                   id="task_priority"
143 |                   className="mt-1 block w-full"
144 |                   onChange={(e) => setData("priority", e.target.value)}
145 |                 >
146 |                   <option value="">Select Priority</option>
147 |                   <option value="low">Low</option>
148 |                   <option value="medium">Medium</option>
149 |                   <option value="high">High</option>
150 |                 </SelectInput>
151 | 
152 |                 <InputError message={errors.priority} className="mt-2" />
153 |               </div>
154 | 
155 |               <div className="mt-4">
156 |                 <InputLabel
157 |                   htmlFor="task_assigned_user"
158 |                   value="Assigned User"
159 |                 />
160 | 
161 |                 <SelectInput
162 |                   name="assigned_user_id"
163 |                   id="task_assigned_user"
164 |                   className="mt-1 block w-full"
165 |                   onChange={(e) => setData("assigned_user_id", e.target.value)}
166 |                 >
167 |                   <option value="">Select User</option>
168 |                   {users.data.map((user) => (
169 |                     <option value={user.id} key={user.id}>
170 |                       {user.name}
171 |                     </option>
172 |                   ))}
173 |                 </SelectInput>
174 | 
175 |                 <InputError
176 |                   message={errors.assigned_user_id}
177 |                   className="mt-2"
178 |                 />
179 |               </div>
180 | 
181 |               <div className="mt-4 text-right">
182 |                 <Link
183 |                   href={route("task.index")}
184 |                   className="bg-gray-100 py-1 px-3 text-gray-800 rounded shadow transition-all hover:bg-gray-200 mr-2"
185 |                 >
186 |                   Cancel
187 |                 </Link>
188 |                 <button className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600">
189 |                   Submit
190 |                 </button>
191 |               </div>
192 |             </form>
193 |           </div>
194 |         </div>
195 |       </div>
196 |     </AuthenticatedLayout>
197 |   );
198 | }
199 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Task/Index.jsx:
--------------------------------------------------------------------------------
 1 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
 2 | 
 3 | import { Head, Link } from "@inertiajs/react";
 4 | 
 5 | import TasksTable from "./TasksTable";
 6 | 
 7 | export default function Index({ auth, success, tasks, queryParams = null }) {
 8 |   return (
 9 |     <AuthenticatedLayout
10 |       user={auth.user}
11 |       header={
12 |         <div className="flex items-center justify-between">
13 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
14 |             Tasks
15 |           </h2>
16 |           <Link
17 |             href={route("task.create")}
18 |             className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600"
19 |           >
20 |             Add new
21 |           </Link>
22 |         </div>
23 |       }
24 |     >
25 |       <Head title="Tasks" />
26 | 
27 |       <div className="py-12">
28 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
29 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
30 |             <div className="p-6 text-gray-900 dark:text-gray-100">
31 |               <TasksTable
32 |                 tasks={tasks}
33 |                 queryParams={queryParams}
34 |                 success={success}
35 |               />
36 |             </div>
37 |           </div>
38 |         </div>
39 |       </div>
40 |     </AuthenticatedLayout>
41 |   );
42 | }
43 | 


--------------------------------------------------------------------------------
/resources/js/Pages/Task/Show.jsx:
--------------------------------------------------------------------------------
  1 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  2 | import { Head, Link } from "@inertiajs/react";
  3 | import {
  4 |   TASK_PRIORITY_CLASS_MAP,
  5 |   TASK_PRIORITY_TEXT_MAP,
  6 |   TASK_STATUS_CLASS_MAP,
  7 |   TASK_STATUS_TEXT_MAP,
  8 | } from "@/constants.jsx";
  9 | export default function Show({ auth, task }) {
 10 |   return (
 11 |     <AuthenticatedLayout
 12 |       user={auth.user}
 13 |       header={
 14 |         <div className="flex items-center justify-between">
 15 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 16 |             {`Task "${task.name}"`}
 17 |           </h2>
 18 |           <Link
 19 |             href={route("task.edit", task.id)}
 20 |             className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600"
 21 |           >
 22 |             Edit
 23 |           </Link>
 24 |         </div>
 25 |       }
 26 |     >
 27 |       <Head title={`Task "${task.name}"`} />
 28 |       <div className="py-12">
 29 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 30 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 31 |             <div>
 32 |               <img
 33 |                 src={task.image_path}
 34 |                 alt=""
 35 |                 className="w-full h-64 object-cover"
 36 |               />
 37 |             </div>
 38 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 39 |               <div className="grid gap-1 grid-cols-2 mt-2">
 40 |                 <div>
 41 |                   <div>
 42 |                     <label className="font-bold text-lg">Task ID</label>
 43 |                     <p className="mt-1">{task.id}</p>
 44 |                   </div>
 45 |                   <div className="mt-4">
 46 |                     <label className="font-bold text-lg">Task Name</label>
 47 |                     <p className="mt-1">{task.name}</p>
 48 |                   </div>
 49 | 
 50 |                   <div className="mt-4">
 51 |                     <label className="font-bold text-lg">Task Status</label>
 52 |                     <p className="mt-1">
 53 |                       <span
 54 |                         className={
 55 |                           "px-2 py-1 rounded text-white " +
 56 |                           TASK_STATUS_CLASS_MAP[task.status]
 57 |                         }
 58 |                       >
 59 |                         {TASK_STATUS_TEXT_MAP[task.status]}
 60 |                       </span>
 61 |                     </p>
 62 |                   </div>
 63 | 
 64 |                   <div className="mt-4">
 65 |                     <label className="font-bold text-lg">Task Priority</label>
 66 |                     <p className="mt-1">
 67 |                       <span
 68 |                         className={
 69 |                           "px-2 py-1 rounded text-white " +
 70 |                           TASK_PRIORITY_CLASS_MAP[task.priority]
 71 |                         }
 72 |                       >
 73 |                         {TASK_PRIORITY_TEXT_MAP[task.priority]}
 74 |                       </span>
 75 |                     </p>
 76 |                   </div>
 77 |                   <div className="mt-4">
 78 |                     <label className="font-bold text-lg">Created By</label>
 79 |                     <p className="mt-1">{task.createdBy.name}</p>
 80 |                   </div>
 81 |                 </div>
 82 |                 <div>
 83 |                   <div>
 84 |                     <label className="font-bold text-lg">Due Date</label>
 85 |                     <p className="mt-1">{task.due_date}</p>
 86 |                   </div>
 87 |                   <div className="mt-4">
 88 |                     <label className="font-bold text-lg">Create Date</label>
 89 |                     <p className="mt-1">{task.created_at}</p>
 90 |                   </div>
 91 |                   <div className="mt-4">
 92 |                     <label className="font-bold text-lg">Updated By</label>
 93 |                     <p className="mt-1">{task.updatedBy.name}</p>
 94 |                   </div>
 95 |                   <div className="mt-4">
 96 |                     <label className="font-bold text-lg">Project</label>
 97 |                     <p className="mt-1">
 98 |                       <Link
 99 |                         href={route("project.show", task.project.id)}
100 |                         className="hover:underline"
101 |                       >
102 |                         {task.project.name}
103 |                       </Link>
104 |                     </p>
105 |                   </div>
106 |                   <div className="mt-4">
107 |                     <label className="font-bold text-lg">Assigned User</label>
108 |                     <p className="mt-1">{task.assignedUser.name}</p>
109 |                   </div>
110 |                 </div>
111 |               </div>
112 | 
113 |               <div className="mt-4">
114 |                 <label className="font-bold text-lg">Task Description</label>
115 |                 <p className="mt-1">{task.description}</p>
116 |               </div>
117 |             </div>
118 |           </div>
119 |         </div>
120 |       </div>
121 |     </AuthenticatedLayout>
122 |   );
123 | }
124 | 


--------------------------------------------------------------------------------
/resources/js/Pages/User/Create.jsx:
--------------------------------------------------------------------------------
  1 | import InputError from "@/Components/InputError";
  2 | import InputLabel from "@/Components/InputLabel";
  3 | import TextInput from "@/Components/TextInput";
  4 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  5 | import { Head, Link, useForm } from "@inertiajs/react";
  6 | 
  7 | export default function Create({ auth }) {
  8 |   const { data, setData, post, errors, reset } = useForm({
  9 |     name: "",
 10 |     email: "",
 11 |     password: "",
 12 |     password_confirmation: "",
 13 |   });
 14 | 
 15 |   const onSubmit = (e) => {
 16 |     e.preventDefault();
 17 | 
 18 |     post(route("user.store"));
 19 |   };
 20 | 
 21 |   return (
 22 |     <AuthenticatedLayout
 23 |       user={auth.user}
 24 |       header={
 25 |         <div className="flex justify-between items-center">
 26 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 27 |             Create new User
 28 |           </h2>
 29 |         </div>
 30 |       }
 31 |     >
 32 |       <Head title="Users" />
 33 | 
 34 |       <div className="py-12">
 35 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 36 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 37 |             <form
 38 |               onSubmit={onSubmit}
 39 |               className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"
 40 |             >
 41 |               <div className="mt-4">
 42 |                 <InputLabel htmlFor="user_name" value="User Name" />
 43 | 
 44 |                 <TextInput
 45 |                   id="user_name"
 46 |                   type="text"
 47 |                   name="name"
 48 |                   value={data.name}
 49 |                   className="mt-1 block w-full"
 50 |                   isFocused={true}
 51 |                   onChange={(e) => setData("name", e.target.value)}
 52 |                 />
 53 | 
 54 |                 <InputError message={errors.name} className="mt-2" />
 55 |               </div>
 56 |               <div className="mt-4">
 57 |                 <InputLabel htmlFor="user_email" value="User Email" />
 58 | 
 59 |                 <TextInput
 60 |                   id="user_email"
 61 |                   type="text"
 62 |                   name="email"
 63 |                   value={data.email}
 64 |                   className="mt-1 block w-full"
 65 |                   onChange={(e) => setData("email", e.target.value)}
 66 |                 />
 67 | 
 68 |                 <InputError message={errors.email} className="mt-2" />
 69 |               </div>
 70 | 
 71 |               <div className="mt-4">
 72 |                 <InputLabel htmlFor="user_password" value="Password" />
 73 | 
 74 |                 <TextInput
 75 |                   id="user_password"
 76 |                   type="password"
 77 |                   name="password"
 78 |                   value={data.password}
 79 |                   className="mt-1 block w-full"
 80 |                   onChange={(e) => setData("password", e.target.value)}
 81 |                 />
 82 | 
 83 |                 <InputError message={errors.password} className="mt-2" />
 84 |               </div>
 85 | 
 86 |               <div className="mt-4">
 87 |                 <InputLabel
 88 |                   htmlFor="user_password_confirmation"
 89 |                   value="Confirm Password"
 90 |                 />
 91 | 
 92 |                 <TextInput
 93 |                   id="user_password_confirmation"
 94 |                   type="password"
 95 |                   name="password_confirmation"
 96 |                   value={data.password_confirmation}
 97 |                   className="mt-1 block w-full"
 98 |                   onChange={(e) =>
 99 |                     setData("password_confirmation", e.target.value)
100 |                   }
101 |                 />
102 | 
103 |                 <InputError
104 |                   message={errors.password_confirmation}
105 |                   className="mt-2"
106 |                 />
107 |               </div>
108 | 
109 |               <div className="mt-4 text-right">
110 |                 <Link
111 |                   href={route("user.index")}
112 |                   className="bg-gray-100 py-1 px-3 text-gray-800 rounded shadow transition-all hover:bg-gray-200 mr-2"
113 |                 >
114 |                   Cancel
115 |                 </Link>
116 |                 <button className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600">
117 |                   Submit
118 |                 </button>
119 |               </div>
120 |             </form>
121 |           </div>
122 |         </div>
123 |       </div>
124 |     </AuthenticatedLayout>
125 |   );
126 | }
127 | 


--------------------------------------------------------------------------------
/resources/js/Pages/User/Edit.jsx:
--------------------------------------------------------------------------------
  1 | import InputError from "@/Components/InputError";
  2 | import InputLabel from "@/Components/InputLabel";
  3 | import SelectInput from "@/Components/SelectInput";
  4 | import TextAreaInput from "@/Components/TextAreaInput";
  5 | import TextInput from "@/Components/TextInput";
  6 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  7 | import { Head, Link, useForm } from "@inertiajs/react";
  8 | 
  9 | export default function Create({ auth, user }) {
 10 |   const { data, setData, post, errors, reset } = useForm({
 11 |     name: user.name || "",
 12 |     email: user.email || "",
 13 |     password: "",
 14 |     password_confirmation: "",
 15 |     _method: "PUT",
 16 |   });
 17 | 
 18 |   const onSubmit = (e) => {
 19 |     e.preventDefault();
 20 | 
 21 |     post(route("user.update", user.id));
 22 |   };
 23 | 
 24 |   return (
 25 |     <AuthenticatedLayout
 26 |       user={auth.user}
 27 |       header={
 28 |         <div className="flex justify-between items-center">
 29 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 30 |             Edit user "{user.name}"
 31 |           </h2>
 32 |         </div>
 33 |       }
 34 |     >
 35 |       <Head title="Users" />
 36 | 
 37 |       <div className="py-12">
 38 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 39 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 40 |             <form
 41 |               onSubmit={onSubmit}
 42 |               className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"
 43 |             >
 44 |               <div className="mt-4">
 45 |                 <InputLabel htmlFor="user_name" value="User Name" />
 46 | 
 47 |                 <TextInput
 48 |                   id="user_name"
 49 |                   type="text"
 50 |                   name="name"
 51 |                   value={data.name}
 52 |                   className="mt-1 block w-full"
 53 |                   isFocused={true}
 54 |                   onChange={(e) => setData("name", e.target.value)}
 55 |                 />
 56 | 
 57 |                 <InputError message={errors.name} className="mt-2" />
 58 |               </div>
 59 |               <div className="mt-4">
 60 |                 <InputLabel htmlFor="user_email" value="User Email" />
 61 | 
 62 |                 <TextInput
 63 |                   id="user_email"
 64 |                   type="text"
 65 |                   name="email"
 66 |                   value={data.email}
 67 |                   className="mt-1 block w-full"
 68 |                   onChange={(e) => setData("email", e.target.value)}
 69 |                 />
 70 | 
 71 |                 <InputError message={errors.email} className="mt-2" />
 72 |               </div>
 73 | 
 74 |               <div className="mt-4">
 75 |                 <InputLabel htmlFor="user_password" value="Password" />
 76 | 
 77 |                 <TextInput
 78 |                   id="user_password"
 79 |                   type="password"
 80 |                   name="password"
 81 |                   value={data.password}
 82 |                   className="mt-1 block w-full"
 83 |                   onChange={(e) => setData("password", e.target.value)}
 84 |                 />
 85 | 
 86 |                 <InputError message={errors.password} className="mt-2" />
 87 |               </div>
 88 | 
 89 |               <div className="mt-4">
 90 |                 <InputLabel
 91 |                   htmlFor="user_password_confirmation"
 92 |                   value="Confirm Password"
 93 |                 />
 94 | 
 95 |                 <TextInput
 96 |                   id="user_password_confirmation"
 97 |                   type="password"
 98 |                   name="password_confirmation"
 99 |                   value={data.password_confirmation}
100 |                   className="mt-1 block w-full"
101 |                   onChange={(e) =>
102 |                     setData("password_confirmation", e.target.value)
103 |                   }
104 |                 />
105 | 
106 |                 <InputError
107 |                   message={errors.password_confirmation}
108 |                   className="mt-2"
109 |                 />
110 |               </div>
111 |               <div className="mt-4 text-right">
112 |                 <Link
113 |                   href={route("user.index")}
114 |                   className="bg-gray-100 py-1 px-3 text-gray-800 rounded shadow transition-all hover:bg-gray-200 mr-2"
115 |                 >
116 |                   Cancel
117 |                 </Link>
118 |                 <button className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600">
119 |                   Submit
120 |                 </button>
121 |               </div>
122 |             </form>
123 |           </div>
124 |         </div>
125 |       </div>
126 |     </AuthenticatedLayout>
127 |   );
128 | }
129 | 


--------------------------------------------------------------------------------
/resources/js/Pages/User/Index.jsx:
--------------------------------------------------------------------------------
  1 | import Pagination from "@/Components/Pagination";
  2 | import TextInput from "@/Components/TextInput";
  3 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
  4 | import { Head, Link, router } from "@inertiajs/react";
  5 | import TableHeading from "@/Components/TableHeading";
  6 | 
  7 | export default function Index({ auth, users, queryParams = null, success }) {
  8 |   queryParams = queryParams || {};
  9 |   const searchFieldChanged = (name, value) => {
 10 |     if (value) {
 11 |       queryParams[name] = value;
 12 |     } else {
 13 |       delete queryParams[name];
 14 |     }
 15 | 
 16 |     router.get(route("user.index"), queryParams);
 17 |   };
 18 | 
 19 |   const onKeyPress = (name, e) => {
 20 |     if (e.key !== "Enter") return;
 21 | 
 22 |     searchFieldChanged(name, e.target.value);
 23 |   };
 24 | 
 25 |   const sortChanged = (name) => {
 26 |     if (name === queryParams.sort_field) {
 27 |       if (queryParams.sort_direction === "asc") {
 28 |         queryParams.sort_direction = "desc";
 29 |       } else {
 30 |         queryParams.sort_direction = "asc";
 31 |       }
 32 |     } else {
 33 |       queryParams.sort_field = name;
 34 |       queryParams.sort_direction = "asc";
 35 |     }
 36 |     router.get(route("user.index"), queryParams);
 37 |   };
 38 | 
 39 |   const deleteUser = (user) => {
 40 |     if (!window.confirm("Are you sure you want to delete the user?")) {
 41 |       return;
 42 |     }
 43 |     router.delete(route("user.destroy", user.id));
 44 |   };
 45 | 
 46 |   return (
 47 |     <AuthenticatedLayout
 48 |       user={auth.user}
 49 |       header={
 50 |         <div className="flex justify-between items-center">
 51 |           <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
 52 |             Users
 53 |           </h2>
 54 |           <Link
 55 |             href={route("user.create")}
 56 |             className="bg-emerald-500 py-1 px-3 text-white rounded shadow transition-all hover:bg-emerald-600"
 57 |           >
 58 |             Add new
 59 |           </Link>
 60 |         </div>
 61 |       }
 62 |     >
 63 |       <Head title="Users" />
 64 | 
 65 |       <div className="py-12">
 66 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
 67 |           {success && (
 68 |             <div className="bg-emerald-500 py-2 px-4 text-white rounded mb-4">
 69 |               {success}
 70 |             </div>
 71 |           )}
 72 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
 73 |             <div className="p-6 text-gray-900 dark:text-gray-100">
 74 |               <div className="overflow-auto">
 75 |                 <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
 76 |                   <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400 border-b-2 border-gray-500">
 77 |                     <tr className="text-nowrap">
 78 |                       <TableHeading
 79 |                         name="id"
 80 |                         sort_field={queryParams.sort_field}
 81 |                         sort_direction={queryParams.sort_direction}
 82 |                         sortChanged={sortChanged}
 83 |                       >
 84 |                         ID
 85 |                       </TableHeading>
 86 |                       <TableHeading
 87 |                         name="name"
 88 |                         sort_field={queryParams.sort_field}
 89 |                         sort_direction={queryParams.sort_direction}
 90 |                         sortChanged={sortChanged}
 91 |                       >
 92 |                         Name
 93 |                       </TableHeading>
 94 | 
 95 |                       <TableHeading
 96 |                         name="email"
 97 |                         sort_field={queryParams.sort_field}
 98 |                         sort_direction={queryParams.sort_direction}
 99 |                         sortChanged={sortChanged}
100 |                       >
101 |                         Email
102 |                       </TableHeading>
103 | 
104 |                       <TableHeading
105 |                         name="created_at"
106 |                         sort_field={queryParams.sort_field}
107 |                         sort_direction={queryParams.sort_direction}
108 |                         sortChanged={sortChanged}
109 |                       >
110 |                         Create Date
111 |                       </TableHeading>
112 | 
113 |                       <th className="px-3 py-3 text-right">Actions</th>
114 |                     </tr>
115 |                   </thead>
116 |                   <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400 border-b-2 border-gray-500">
117 |                     <tr className="text-nowrap">
118 |                       <th className="px-3 py-3"></th>
119 |                       <th className="px-3 py-3">
120 |                         <TextInput
121 |                           className="w-full"
122 |                           defaultValue={queryParams.name}
123 |                           placeholder="User Name"
124 |                           onBlur={(e) =>
125 |                             searchFieldChanged("name", e.target.value)
126 |                           }
127 |                           onKeyPress={(e) => onKeyPress("name", e)}
128 |                         />
129 |                       </th>
130 |                       <th className="px-3 py-3">
131 |                         <TextInput
132 |                           className="w-full"
133 |                           defaultValue={queryParams.email}
134 |                           placeholder="User Email"
135 |                           onBlur={(e) =>
136 |                             searchFieldChanged("email", e.target.value)
137 |                           }
138 |                           onKeyPress={(e) => onKeyPress("email", e)}
139 |                         />
140 |                       </th>
141 |                       <th className="px-3 py-3"></th>
142 |                       <th className="px-3 py-3"></th>
143 |                     </tr>
144 |                   </thead>
145 |                   <tbody>
146 |                     {users.data.map((user) => (
147 |                       <tr
148 |                         className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"
149 |                         key={user.id}
150 |                       >
151 |                         <td className="px-3 py-2">{user.id}</td>
152 |                         <th className="px-3 py-2 text-gray-100 text-nowrap">
153 |                           {user.name}
154 |                         </th>
155 |                         <td className="px-3 py-2">{user.email}</td>
156 |                         <td className="px-3 py-2 text-nowrap">
157 |                           {user.created_at}
158 |                         </td>
159 |                         <td className="px-3 py-2 text-nowrap">
160 |                           <Link
161 |                             href={route("user.edit", user.id)}
162 |                             className="font-medium text-blue-600 dark:text-blue-500 hover:underline mx-1"
163 |                           >
164 |                             Edit
165 |                           </Link>
166 |                           <button
167 |                             onClick={(e) => deleteUser(user)}
168 |                             className="font-medium text-red-600 dark:text-red-500 hover:underline mx-1"
169 |                           >
170 |                             Delete
171 |                           </button>
172 |                         </td>
173 |                       </tr>
174 |                     ))}
175 |                   </tbody>
176 |                 </table>
177 |               </div>
178 |               <Pagination links={users.meta.links} />
179 |             </div>
180 |           </div>
181 |         </div>
182 |       </div>
183 |     </AuthenticatedLayout>
184 |   );
185 | }
186 | 


--------------------------------------------------------------------------------
/resources/js/Pages/User/Show.jsx:
--------------------------------------------------------------------------------
 1 | import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
 2 | import { Head } from "@inertiajs/react";
 3 | import { USER_STATUS_CLASS_MAP, USER_STATUS_TEXT_MAP } from "@/constants.jsx";
 4 | import TasksTable from "../Task/TasksTable";
 5 | export default function Show({ auth, user, tasks, queryParams }) {
 6 |   return (
 7 |     <AuthenticatedLayout
 8 |       user={auth.user}
 9 |       header={
10 |         <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
11 |           {`User "${user.name}"`}
12 |         </h2>
13 |       }
14 |     >
15 |       <Head title={`User "${user.name}"`} />
16 |       <div className="py-12">
17 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
18 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
19 |             <div>
20 |               <img
21 |                 src={user.image_path}
22 |                 alt=""
23 |                 className="w-full h-64 object-cover"
24 |               />
25 |             </div>
26 |             <div className="p-6 text-gray-900 dark:text-gray-100">
27 |               <div className="grid gap-1 grid-cols-2 mt-2">
28 |                 <div>
29 |                   <div>
30 |                     <label className="font-bold text-lg">User ID</label>
31 |                     <p className="mt-1">{user.id}</p>
32 |                   </div>
33 |                   <div className="mt-4">
34 |                     <label className="font-bold text-lg">User Name</label>
35 |                     <p className="mt-1">{user.name}</p>
36 |                   </div>
37 | 
38 |                   <div className="mt-4">
39 |                     <label className="font-bold text-lg">User Status</label>
40 |                     <p className="mt-1">
41 |                       <span
42 |                         className={
43 |                           "px-2 py-1 rounded text-white " +
44 |                           USER_STATUS_CLASS_MAP[user.status]
45 |                         }
46 |                       >
47 |                         {USER_STATUS_TEXT_MAP[user.status]}
48 |                       </span>
49 |                     </p>
50 |                   </div>
51 |                   <div className="mt-4">
52 |                     <label className="font-bold text-lg">Created By</label>
53 |                     <p className="mt-1">{user.createdBy.name}</p>
54 |                   </div>
55 |                 </div>
56 |                 <div>
57 |                   <div>
58 |                     <label className="font-bold text-lg">Due Date</label>
59 |                     <p className="mt-1">{user.due_date}</p>
60 |                   </div>
61 |                   <div className="mt-4">
62 |                     <label className="font-bold text-lg">Create Date</label>
63 |                     <p className="mt-1">{user.created_at}</p>
64 |                   </div>
65 |                   <div className="mt-4">
66 |                     <label className="font-bold text-lg">Updated By</label>
67 |                     <p className="mt-1">{user.updatedBy.name}</p>
68 |                   </div>
69 |                 </div>
70 |               </div>
71 | 
72 |               <div className="mt-4">
73 |                 <label className="font-bold text-lg">User Description</label>
74 |                 <p className="mt-1">{user.description}</p>
75 |               </div>
76 |             </div>
77 |           </div>
78 |         </div>
79 |       </div>
80 | 
81 |       <div className="pb-12">
82 |         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
83 |           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
84 |             <div className="p-6 text-gray-900 dark:text-gray-100">
85 |               <TasksTable
86 |                 tasks={tasks}
87 |                 queryParams={queryParams}
88 |                 hideUserColumn={true}
89 |               />
90 |             </div>
91 |           </div>
92 |         </div>
93 |       </div>
94 |     </AuthenticatedLayout>
95 |   );
96 | }
97 | 


--------------------------------------------------------------------------------
/resources/js/app.jsx:
--------------------------------------------------------------------------------
 1 | import './bootstrap';
 2 | import '../css/app.css';
 3 | 
 4 | import { createRoot } from 'react-dom/client';
 5 | import { createInertiaApp } from '@inertiajs/react';
 6 | import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 7 | 
 8 | const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 9 | 
10 | createInertiaApp({
11 |     title: (title) => `${title} - ${appName}`,
12 |     resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
13 |     setup({ el, App, props }) {
14 |         const root = createRoot(el);
15 | 
16 |         root.render(<App {...props} />);
17 |     },
18 |     progress: {
19 |         color: '#4B5563',
20 |     },
21 | });
22 | 


--------------------------------------------------------------------------------
/resources/js/bootstrap.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | window.axios = axios;
3 | 
4 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
5 | 


--------------------------------------------------------------------------------
/resources/js/constants.jsx:
--------------------------------------------------------------------------------
 1 | export const PROJECT_STATUS_CLASS_MAP = {
 2 |   pending: "bg-amber-500",
 3 |   in_progress: "bg-blue-500 ",
 4 |   completed: "bg-green-500",
 5 | };
 6 | export const PROJECT_STATUS_TEXT_MAP = {
 7 |   pending: "Pending",
 8 |   in_progress: "In Progress",
 9 |   completed: "Completed",
10 | };
11 | export const TASK_STATUS_CLASS_MAP = {
12 |   pending: "bg-amber-500",
13 |   in_progress: "bg-blue-500",
14 |   completed: "bg-green-500",
15 | };
16 | export const TASK_STATUS_TEXT_MAP = {
17 |   pending: "Pending",
18 |   in_progress: "In Progress",
19 |   completed: "Completed",
20 | };
21 | export const TASK_PRIORITY_CLASS_MAP = {
22 |   low: "bg-gray-600",
23 |   medium: "bg-amber-600",
24 |   high: "bg-red-600",
25 | };
26 | export const TASK_PRIORITY_TEXT_MAP = {
27 |   low: "Low",
28 |   medium: "Medium",
29 |   high: "High",
30 | };
31 | 


--------------------------------------------------------------------------------
/resources/views/app.blade.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
 3 | 
 4 | <head>
 5 |     <meta charset="utf-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 | 
 8 |     <title inertia>{{ config('app.name', 'Laravel') }}</title>
 9 | 
10 |     <!-- Fonts -->
11 |     <link rel="preconnect" href="https://fonts.bunny.net">
12 |     <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
13 | 
14 |     <!-- Scripts -->
15 |     @routes
16 |     @viteReactRefresh
17 |     @vite(['resources/js/app.jsx', "resources/js/Pages/{$page['component']}.jsx"])
18 |     @inertiaHead
19 | </head>
20 | 
21 | <body class="font-sans antialiased">
22 |     @inertia
23 | </body>
24 | 
25 | </html>
26 | 


--------------------------------------------------------------------------------
/routes/auth.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Http\Controllers\Auth\AuthenticatedSessionController;
 4 | use App\Http\Controllers\Auth\ConfirmablePasswordController;
 5 | use App\Http\Controllers\Auth\EmailVerificationNotificationController;
 6 | use App\Http\Controllers\Auth\EmailVerificationPromptController;
 7 | use App\Http\Controllers\Auth\NewPasswordController;
 8 | use App\Http\Controllers\Auth\PasswordController;
 9 | use App\Http\Controllers\Auth\PasswordResetLinkController;
10 | use App\Http\Controllers\Auth\RegisteredUserController;
11 | use App\Http\Controllers\Auth\VerifyEmailController;
12 | use Illuminate\Support\Facades\Route;
13 | 
14 | Route::middleware('guest')->group(function () {
15 |     Route::get('register', [RegisteredUserController::class, 'create'])
16 |                 ->name('register');
17 | 
18 |     Route::post('register', [RegisteredUserController::class, 'store']);
19 | 
20 |     Route::get('login', [AuthenticatedSessionController::class, 'create'])
21 |                 ->name('login');
22 | 
23 |     Route::post('login', [AuthenticatedSessionController::class, 'store']);
24 | 
25 |     Route::get('forgot-password', [PasswordResetLinkController::class, 'create'])
26 |                 ->name('password.request');
27 | 
28 |     Route::post('forgot-password', [PasswordResetLinkController::class, 'store'])
29 |                 ->name('password.email');
30 | 
31 |     Route::get('reset-password/{token}', [NewPasswordController::class, 'create'])
32 |                 ->name('password.reset');
33 | 
34 |     Route::post('reset-password', [NewPasswordController::class, 'store'])
35 |                 ->name('password.store');
36 | });
37 | 
38 | Route::middleware('auth')->group(function () {
39 |     Route::get('verify-email', EmailVerificationPromptController::class)
40 |                 ->name('verification.notice');
41 | 
42 |     Route::get('verify-email/{id}/{hash}', VerifyEmailController::class)
43 |                 ->middleware(['signed', 'throttle:6,1'])
44 |                 ->name('verification.verify');
45 | 
46 |     Route::post('email/verification-notification', [EmailVerificationNotificationController::class, 'store'])
47 |                 ->middleware('throttle:6,1')
48 |                 ->name('verification.send');
49 | 
50 |     Route::get('confirm-password', [ConfirmablePasswordController::class, 'show'])
51 |                 ->name('password.confirm');
52 | 
53 |     Route::post('confirm-password', [ConfirmablePasswordController::class, 'store']);
54 | 
55 |     Route::put('password', [PasswordController::class, 'update'])->name('password.update');
56 | 
57 |     Route::post('logout', [AuthenticatedSessionController::class, 'destroy'])
58 |                 ->name('logout');
59 | });
60 | 


--------------------------------------------------------------------------------
/routes/console.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | use Illuminate\Foundation\Inspiring;
4 | use Illuminate\Support\Facades\Artisan;
5 | 
6 | Artisan::command('inspire', function () {
7 |     $this->comment(Inspiring::quote());
8 | })->purpose('Display an inspiring quote')->hourly();
9 | 


--------------------------------------------------------------------------------
/routes/web.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Http\Controllers\DashboardController;
 4 | use App\Http\Controllers\ProfileController;
 5 | use App\Http\Controllers\ProjectController;
 6 | use App\Http\Controllers\TaskController;
 7 | use App\Http\Controllers\UserController;
 8 | use Illuminate\Foundation\Application;
 9 | use Illuminate\Support\Facades\Route;
10 | use Inertia\Inertia;
11 | 
12 | Route::redirect('/', '/dashboard');
13 | 
14 | Route::middleware(['auth', 'verified'])->group(function () {
15 |     Route::get('/dashboard', [DashboardController::class, 'index'])
16 |         ->name('dashboard');
17 | 
18 |     Route::resource('project', ProjectController::class);
19 |     Route::get('/task/my-tasks', [TaskController::class, 'myTasks'])
20 |         ->name('task.myTasks');
21 |     Route::resource('task', TaskController::class);
22 |     Route::resource('user', UserController::class);
23 | });
24 | 
25 | Route::middleware('auth')->group(function () {
26 |     Route::get('/profile', [ProfileController::class, 'edit'])->name('profile.edit');
27 |     Route::patch('/profile', [ProfileController::class, 'update'])->name('profile.update');
28 |     Route::delete('/profile', [ProfileController::class, 'destroy'])->name('profile.destroy');
29 | });
30 | 
31 | require __DIR__ . '/auth.php';
32 | 


--------------------------------------------------------------------------------
/storage/app/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !public/
3 | !.gitignore
4 | 


--------------------------------------------------------------------------------
/storage/app/public/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/.gitignore:
--------------------------------------------------------------------------------
 1 | compiled.php
 2 | config.php
 3 | down
 4 | events.scanned.php
 5 | maintenance.php
 6 | routes.php
 7 | routes.scanned.php
 8 | schedule-*
 9 | services.json
10 | 


--------------------------------------------------------------------------------
/storage/framework/cache/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !data/
3 | !.gitignore
4 | 


--------------------------------------------------------------------------------
/storage/framework/cache/data/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/sessions/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/testing/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/views/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/logs/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | import defaultTheme from 'tailwindcss/defaultTheme';
 2 | import forms from '@tailwindcss/forms';
 3 | 
 4 | /** @type {import('tailwindcss').Config} */
 5 | export default {
 6 |     darkMode: 'class',
 7 |     content: [
 8 |         './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
 9 |         './storage/framework/views/*.php',
10 |         './resources/views/**/*.blade.php',
11 |         './resources/js/**/*.jsx',
12 |     ],
13 | 
14 |     theme: {
15 |         extend: {
16 |             fontFamily: {
17 |                 sans: ['Figtree', ...defaultTheme.fontFamily.sans],
18 |             },
19 |         },
20 |     },
21 | 
22 |     plugins: [forms],
23 | };
24 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/AuthenticationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('login screen can be rendered', function () {
 6 |     $response = $this->get('/login');
 7 | 
 8 |     $response->assertStatus(200);
 9 | });
10 | 
11 | test('users can authenticate using the login screen', function () {
12 |     $user = User::factory()->create();
13 | 
14 |     $response = $this->post('/login', [
15 |         'email' => $user->email,
16 |         'password' => 'password',
17 |     ]);
18 | 
19 |     $this->assertAuthenticated();
20 |     $response->assertRedirect(route('dashboard', absolute: false));
21 | });
22 | 
23 | test('users can not authenticate with invalid password', function () {
24 |     $user = User::factory()->create();
25 | 
26 |     $this->post('/login', [
27 |         'email' => $user->email,
28 |         'password' => 'wrong-password',
29 |     ]);
30 | 
31 |     $this->assertGuest();
32 | });
33 | 
34 | test('users can logout', function () {
35 |     $user = User::factory()->create();
36 | 
37 |     $response = $this->actingAs($user)->post('/logout');
38 | 
39 |     $this->assertGuest();
40 |     $response->assertRedirect('/');
41 | });
42 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/EmailVerificationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Auth\Events\Verified;
 5 | use Illuminate\Support\Facades\Event;
 6 | use Illuminate\Support\Facades\URL;
 7 | 
 8 | test('email verification screen can be rendered', function () {
 9 |     $user = User::factory()->create([
10 |         'email_verified_at' => null,
11 |     ]);
12 | 
13 |     $response = $this->actingAs($user)->get('/verify-email');
14 | 
15 |     $response->assertStatus(200);
16 | });
17 | 
18 | test('email can be verified', function () {
19 |     $user = User::factory()->create([
20 |         'email_verified_at' => null,
21 |     ]);
22 | 
23 |     Event::fake();
24 | 
25 |     $verificationUrl = URL::temporarySignedRoute(
26 |         'verification.verify',
27 |         now()->addMinutes(60),
28 |         ['id' => $user->id, 'hash' => sha1($user->email)]
29 |     );
30 | 
31 |     $response = $this->actingAs($user)->get($verificationUrl);
32 | 
33 |     Event::assertDispatched(Verified::class);
34 |     expect($user->fresh()->hasVerifiedEmail())->toBeTrue();
35 |     $response->assertRedirect(route('dashboard', absolute: false).'?verified=1');
36 | });
37 | 
38 | test('email is not verified with invalid hash', function () {
39 |     $user = User::factory()->create([
40 |         'email_verified_at' => null,
41 |     ]);
42 | 
43 |     $verificationUrl = URL::temporarySignedRoute(
44 |         'verification.verify',
45 |         now()->addMinutes(60),
46 |         ['id' => $user->id, 'hash' => sha1('wrong-email')]
47 |     );
48 | 
49 |     $this->actingAs($user)->get($verificationUrl);
50 | 
51 |     expect($user->fresh()->hasVerifiedEmail())->toBeFalse();
52 | });
53 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/PasswordConfirmationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('confirm password screen can be rendered', function () {
 6 |     $user = User::factory()->create();
 7 | 
 8 |     $response = $this->actingAs($user)->get('/confirm-password');
 9 | 
10 |     $response->assertStatus(200);
11 | });
12 | 
13 | test('password can be confirmed', function () {
14 |     $user = User::factory()->create();
15 | 
16 |     $response = $this->actingAs($user)->post('/confirm-password', [
17 |         'password' => 'password',
18 |     ]);
19 | 
20 |     $response->assertRedirect();
21 |     $response->assertSessionHasNoErrors();
22 | });
23 | 
24 | test('password is not confirmed with invalid password', function () {
25 |     $user = User::factory()->create();
26 | 
27 |     $response = $this->actingAs($user)->post('/confirm-password', [
28 |         'password' => 'wrong-password',
29 |     ]);
30 | 
31 |     $response->assertSessionHasErrors();
32 | });
33 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/PasswordResetTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Auth\Notifications\ResetPassword;
 5 | use Illuminate\Support\Facades\Notification;
 6 | 
 7 | test('reset password link screen can be rendered', function () {
 8 |     $response = $this->get('/forgot-password');
 9 | 
10 |     $response->assertStatus(200);
11 | });
12 | 
13 | test('reset password link can be requested', function () {
14 |     Notification::fake();
15 | 
16 |     $user = User::factory()->create();
17 | 
18 |     $this->post('/forgot-password', ['email' => $user->email]);
19 | 
20 |     Notification::assertSentTo($user, ResetPassword::class);
21 | });
22 | 
23 | test('reset password screen can be rendered', function () {
24 |     Notification::fake();
25 | 
26 |     $user = User::factory()->create();
27 | 
28 |     $this->post('/forgot-password', ['email' => $user->email]);
29 | 
30 |     Notification::assertSentTo($user, ResetPassword::class, function ($notification) {
31 |         $response = $this->get('/reset-password/'.$notification->token);
32 | 
33 |         $response->assertStatus(200);
34 | 
35 |         return true;
36 |     });
37 | });
38 | 
39 | test('password can be reset with valid token', function () {
40 |     Notification::fake();
41 | 
42 |     $user = User::factory()->create();
43 | 
44 |     $this->post('/forgot-password', ['email' => $user->email]);
45 | 
46 |     Notification::assertSentTo($user, ResetPassword::class, function ($notification) use ($user) {
47 |         $response = $this->post('/reset-password', [
48 |             'token' => $notification->token,
49 |             'email' => $user->email,
50 |             'password' => 'password',
51 |             'password_confirmation' => 'password',
52 |         ]);
53 | 
54 |         $response->assertSessionHasNoErrors();
55 | 
56 |         return true;
57 |     });
58 | });
59 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/PasswordUpdateTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Support\Facades\Hash;
 5 | 
 6 | test('password can be updated', function () {
 7 |     $user = User::factory()->create();
 8 | 
 9 |     $response = $this
10 |         ->actingAs($user)
11 |         ->from('/profile')
12 |         ->put('/password', [
13 |             'current_password' => 'password',
14 |             'password' => 'new-password',
15 |             'password_confirmation' => 'new-password',
16 |         ]);
17 | 
18 |     $response
19 |         ->assertSessionHasNoErrors()
20 |         ->assertRedirect('/profile');
21 | 
22 |     $this->assertTrue(Hash::check('new-password', $user->refresh()->password));
23 | });
24 | 
25 | test('correct password must be provided to update password', function () {
26 |     $user = User::factory()->create();
27 | 
28 |     $response = $this
29 |         ->actingAs($user)
30 |         ->from('/profile')
31 |         ->put('/password', [
32 |             'current_password' => 'wrong-password',
33 |             'password' => 'new-password',
34 |             'password_confirmation' => 'new-password',
35 |         ]);
36 | 
37 |     $response
38 |         ->assertSessionHasErrors('current_password')
39 |         ->assertRedirect('/profile');
40 | });
41 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/RegistrationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | test('registration screen can be rendered', function () {
 4 |     $response = $this->get('/register');
 5 | 
 6 |     $response->assertStatus(200);
 7 | });
 8 | 
 9 | test('new users can register', function () {
10 |     $response = $this->post('/register', [
11 |         'name' => 'Test User',
12 |         'email' => 'test@example.com',
13 |         'password' => 'password',
14 |         'password_confirmation' => 'password',
15 |     ]);
16 | 
17 |     $this->assertAuthenticated();
18 |     $response->assertRedirect(route('dashboard', absolute: false));
19 | });
20 | 


--------------------------------------------------------------------------------
/tests/Feature/ExampleTest.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | it('returns a successful response', function () {
4 |     $response = $this->get('/');
5 | 
6 |     $response->assertStatus(200);
7 | });
8 | 


--------------------------------------------------------------------------------
/tests/Feature/ProfileTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('profile page is displayed', function () {
 6 |     $user = User::factory()->create();
 7 | 
 8 |     $response = $this
 9 |         ->actingAs($user)
10 |         ->get('/profile');
11 | 
12 |     $response->assertOk();
13 | });
14 | 
15 | test('profile information can be updated', function () {
16 |     $user = User::factory()->create();
17 | 
18 |     $response = $this
19 |         ->actingAs($user)
20 |         ->patch('/profile', [
21 |             'name' => 'Test User',
22 |             'email' => 'test@example.com',
23 |         ]);
24 | 
25 |     $response
26 |         ->assertSessionHasNoErrors()
27 |         ->assertRedirect('/profile');
28 | 
29 |     $user->refresh();
30 | 
31 |     $this->assertSame('Test User', $user->name);
32 |     $this->assertSame('test@example.com', $user->email);
33 |     $this->assertNull($user->email_verified_at);
34 | });
35 | 
36 | test('email verification status is unchanged when the email address is unchanged', function () {
37 |     $user = User::factory()->create();
38 | 
39 |     $response = $this
40 |         ->actingAs($user)
41 |         ->patch('/profile', [
42 |             'name' => 'Test User',
43 |             'email' => $user->email,
44 |         ]);
45 | 
46 |     $response
47 |         ->assertSessionHasNoErrors()
48 |         ->assertRedirect('/profile');
49 | 
50 |     $this->assertNotNull($user->refresh()->email_verified_at);
51 | });
52 | 
53 | test('user can delete their account', function () {
54 |     $user = User::factory()->create();
55 | 
56 |     $response = $this
57 |         ->actingAs($user)
58 |         ->delete('/profile', [
59 |             'password' => 'password',
60 |         ]);
61 | 
62 |     $response
63 |         ->assertSessionHasNoErrors()
64 |         ->assertRedirect('/');
65 | 
66 |     $this->assertGuest();
67 |     $this->assertNull($user->fresh());
68 | });
69 | 
70 | test('correct password must be provided to delete account', function () {
71 |     $user = User::factory()->create();
72 | 
73 |     $response = $this
74 |         ->actingAs($user)
75 |         ->from('/profile')
76 |         ->delete('/profile', [
77 |             'password' => 'wrong-password',
78 |         ]);
79 | 
80 |     $response
81 |         ->assertSessionHasErrors('password')
82 |         ->assertRedirect('/profile');
83 | 
84 |     $this->assertNotNull($user->fresh());
85 | });
86 | 


--------------------------------------------------------------------------------
/tests/Pest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Foundation\Testing\RefreshDatabase;
 4 | use Tests\TestCase;
 5 | 
 6 | /*
 7 | |--------------------------------------------------------------------------
 8 | | Test Case
 9 | |--------------------------------------------------------------------------
10 | |
11 | | The closure you provide to your test functions is always bound to a specific PHPUnit test
12 | | case class. By default, that class is "PHPUnit\Framework\TestCase". Of course, you may
13 | | need to change it using the "uses()" function to bind a different classes or traits.
14 | |
15 | */
16 | 
17 | uses(TestCase::class, RefreshDatabase::class)->in('Feature');
18 | 
19 | /*
20 | |--------------------------------------------------------------------------
21 | | Expectations
22 | |--------------------------------------------------------------------------
23 | |
24 | | When you're writing tests, you often need to check that values meet certain conditions. The
25 | | "expect()" function gives you access to a set of "expectations" methods that you can use
26 | | to assert different things. Of course, you may extend the Expectation API at any time.
27 | |
28 | */
29 | 
30 | expect()->extend('toBeOne', function () {
31 |     return $this->toBe(1);
32 | });
33 | 
34 | /*
35 | |--------------------------------------------------------------------------
36 | | Functions
37 | |--------------------------------------------------------------------------
38 | |
39 | | While Pest is very powerful out-of-the-box, you may have some testing code specific to your
40 | | project that you don't want to repeat in every file. Here you can also expose helpers as
41 | | global functions to help you to reduce the number of lines of code in your test files.
42 | |
43 | */
44 | 
45 | function something()
46 | {
47 |     // ..
48 | }
49 | 


--------------------------------------------------------------------------------
/tests/TestCase.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Tests;
 4 | 
 5 | use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
 6 | 
 7 | abstract class TestCase extends BaseTestCase
 8 | {
 9 |     //
10 | }
11 | 


--------------------------------------------------------------------------------
/tests/Unit/ExampleTest.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | test('that true is true', function () {
4 |     expect(true)->toBeTrue();
5 | });
6 | 


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite';
 2 | import laravel from 'laravel-vite-plugin';
 3 | import react from '@vitejs/plugin-react';
 4 | 
 5 | export default defineConfig({
 6 |     plugins: [
 7 |         laravel({
 8 |             input: 'resources/js/app.jsx',
 9 |             refresh: true,
10 |         }),
11 |         react(),
12 |     ],
13 | });
14 | 


--------------------------------------------------------------------------------