More Premium Hugo Themes Premium React Themes

Laravel11 React Spa

Laravel 11 + React SPA with Inertia for managing projects and Tasks.

Laravel11 React Spa

Laravel 11 + React SPA with Inertia for managing projects and Tasks.

Author Avatar Theme by thecodeholic
Github Stars Github Stars: 192
Last Commit Last Commit: Mar 27, 2024 -
First Commit Created: Aug 27, 2024 -
default image

Overview

The Laravel 11 + React SPA Project is a simple project management application developed for a YouTube tutorial. It uses Laravel 11 and React to create features such as registration, login, project management with sorting, filtering, and pagination, task management with similar functionality, and more.

Features

  • Registration & Login: Users can register and log in to the application.
  • Projects CRUD: Users can perform CRUD operations on projects with sorting, filtering, and pagination.
  • Tasks CRUD: Users can manage tasks within projects with similar functionalities like sorting, filtering, and pagination.
  • Create Tasks inside Project: Ability to create tasks within a specific project.
  • Assign Users to Tasks: Users can assign tasks to other users.
  • View Tasks Assigned to Me: Users can easily view tasks assigned to them.
  • Dashboard with Overview Information: The application provides a dashboard with summary information.

Installation

  1. Clone the project.
  2. Navigate to the project’s root directory using the terminal.
  3. Create a .env file - cp .env.example .env.
  4. Execute composer install.
  5. Execute npm install.
  6. Set the application key - php artisan key:generate --ansi.
  7. Execute migrations and seed data - php artisan migrate --seed.
  8. Start the vite server - npm run dev.
  9. Start the Artisan server - php artisan serve.

Summary

The Laravel 11 + React SPA Project is a comprehensive project management application that offers features for project and task management with sorting, filtering, and pagination functionalities. The application also includes user authentication, task assignment, and a dashboard for overview information. The installation process involves cloning the project, setting up the environment, and starting the servers for testing and development purposes.