njourou / laravel_vue_task

The Task Manager Application is a web-based task management system that utilizes Laravel as the back-end framework for implementing CRUD (Create, Read, Update, Delete) REST APIs, and Vue.js for the front-end interface to consume these APIs. This application allows users to manage their tasks in a convenient and organized manner.

Task Manager Application

The Task Manager Application is a web-based task management system that utilizes Laravel as the back-end framework for implementing CRUD (Create, Read, Update, Delete) REST APIs, and Vue.js for the front-end interface to consume these APIs. This application allows users to manage their tasks in a convenient and organized manner.

Features

• Create tasks: Users can create new tasks by providing a title and description.
• Read tasks: Users can view their existing tasks along with their details, such as title, description, and status.
• Update tasks: Users can edit the title, description, and status of their tasks.
• Delete tasks: Users can delete tasks that are no longer needed.

Technologies Used

<li>Laravel: Laravel is a PHP web application framework that provides a robust and scalable foundation for building web applications. It is used as the back-end framework in this application to implement REST APIs for task management.</li>
<li>Vue.js: Vue.js is a JavaScript framework for building user interfaces. It is used as the front-end framework in this application to consume the REST APIs and provide a responsive and interactive user interface for managing tasks.</li>

Installation

1. Clone the repository to your local environment.
2. Make sure you have PHP and Composer installed on your system.
3. Run the following command to install the Laravel dependencies:

composer install

4. Copy the .env.example file to .env and configure your database settings.
5. Run the following command to generate a key for your application:

php artisan key:generate

6. Run the following command to migrate the database:

php artisan migrate

7. Run the following command to seed the database with sample data:

php artisan db:seed

8. Run the following command to start the Laravel development server:

php artisan serve

9. Open your web browser and access the application at http://localhost:8000.

Registration

To register a new account, follow these steps:

1. Click on the "Register" link in the top right corner of the application.
2. Fill in the required information, including name, email, and password, in the registration form.
3. Click on the "Register" button to submit the form and create a new account.

Login

To login to an existing account, follow these steps:

1. Click on the "Login" link in the top right corner of the application.
2. Enter your email and password in the login form.
3. Click on the "Login" button to submit the form and log in to your account.

Usage

Once the application is up and running, you can start managing tasks using the following actions:

• Create a task: Click on the "Create Task" button and fill in the required details in the modal that appears. Click "Save" to create a new task.
• View tasks: All the tasks that you have created will be listed on the main page. You can view the details of a task by clicking on its title.
• Edit a task: To edit a task, click on the "Edit" button next to the task you want to modify. Update the details in the modal that appears and click "Save" to save the changes.
• Delete a task: To delete a task, click on the "Delete" button next to the task you