Project-Task-Management is a comprehensive management site that enables teams to collaborate efficiently by tracking projects, tasks, and users. With a user-friendly interface, our site aims to simplify project planning, task assignment, and overall project management.
Project-Task-Management is developed using the following technologies:
-EL HILA Douae
-EL HASSNAOUI Salma
-REZOUKI Badr
Install node_modules command in your first terminal :
cd Frontend
npm install
Install Laravel Composer command in your second terminal :
cd Backend
composer install
Create .env file just command in your second terminal :
cp .env.example .env
Configure your database settings in the .env file:
DB_DATABASE=db_Project_Task_Management
DB_USERNAME=your_username
DB_PASSWORD=your_password
Run the database migration command in your second terminal :
php artisan migrate
Start running the server command in your second terminal :
php artisan serve
Compiles and reloads front-end resources command in your first terminal :
npm run dev
To use the react select, run the following command :
npm install react-select
|
|
|
|
This page serves as the entry point for user authentication. Users, particularly administrator, can sign in to access the system. The page includes input fields for email and password, with error handling mechanisms for empty inputs or invalid data.
The home page is the central hub of the application, providing an overview of essential information and features. It serves as a dashboard for the admin, displaying cards project statistics, users projects and tasks table , and quick access to important functionalities for showing each row data
|
|
|
|
This page presents all users in the system. Admin can efficiently manage : view user details and delete user . The table may include sorting and filtering options for better user experience
The Show User page offers detailed information about a specific user account. Admin can view user details, such as personal informations , projects and tasks.
This page is designed for administrator to effortlessly add new users to the system. It features a form for inputting key user details. The page ensures data integrity with robust validation, handling empty inputs, and facilitating secure of new users.
The Profile page is dedicated to each user's personal account settings. It enables all users to update their profiles, change passwords, and manage account preferences.
|
|
This page displays a comprehensive table with details of existing projects, including name, category, members, duration, status, and a management section providing options for editing, deleting, or showing detailed information.It also Enables project filtering based on their names, offering a search functionality to streamline locating a specific project.
|
|
|
This page Presents a detailed view of all information regarding a specific project, offering a comprehensive overview of its details, status, members, and other relevant information.
This page Presents an intuitive form for adding a new project, facilitating the input of required information for creating a new project.
The Edit Project page Provides an interactive form for editing the details of an existing project, offering a user-friendly experience for updating project information.
|
|
|
A simple user can only view the list of their tasks.
He has the ability to review the details of a task and modify status of task.
The admin can view all users tasks across all projects.
Only the admin has the ability to create a task.
The admin can also view the details of a task and has the authority to delete or edit it.