Task Management Tool

Ndriçim Lahu

Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. License
5. Support

About The Project

The project called Task Management Tool is an web application which aims to enable and facilitate the life of users to manage tasks which can be of different categories and which can be divided on a daily or weekly basis. This web application is easy and simple to use, as all you need is to create a personal account, log in with the same account you created and then have the ability to create tasks, read tasks, as well as deleting tasks, also at the very end you can log out of your account and all tasks will be automatically saved in your active account. In this web application you can navigate into different pages which are “Home”, “Login”, “Register”, “Task Add” and “Task List”.

This project started from scratch where I worked and completed, also I made some improvements in the front-end and back-end side of Web Development, such as creating of the database, creating of tables, relational connection between tables by using the diagram, developing and designing the Login form, developing and designing the Register form, high validation of the input fields for Register form, creating of the Signout functionality, creating of the page for adding task, creating of the page for reading task, creating of the deleting task functionality, collecting the all functions in one file and many more things.

Built With

This web application is based on technologies like below:

• HTML5
• CSS3
• Bootstrap
• JavaScript
• jQuery
• PHP
• MySQL

Getting Started

By getting started with the project, first you need to take a look at the required Prerequisites and after that the Installation steps.

Prerequisites

In order to open this web application is required to have an IDE or Code Editor (Visual Studio Code), an Web Server and Database Management Tool (XAMPP) and an Browser (Google Chrome).

Installation

1. Download the code or Clone the repo:

   git clone https://github.com/ndriqimlahu/task-management-tool.git
   

2. Open the XAMPP and start the Apache and MySQL modules.
3. Now open the MySQL or phpMyAdmin, create a database with name task-management and then import the database from task-management.sql file.
4. After that you can open the repo folder with your IDE or Code Editor.
5. Launch the web application with Browser by typing the URL http://localhost/task-management-tool/ to open the specific file.

Usage

There you can see some useful additional screenshots of how the project looks like and how can be used.

• Home page (Responsive for Desktop)

• Home page (Responsive for Laptop)

• Login page (Responsive for Desktop)

• Login page (Responsive for Laptop)

• Login page (Responsive for Mobile)

• Sign Up page (Responsive for Desktop)

• Sign Up page (Responsive for Laptop)

• Sign Up page (Responsive for Mobile)

• Task List page (Responsive for Desktop)

• Task List page (Responsive for Laptop)

• Task List page (Responsive for Mobile)

• Add Task page (Responsive for Desktop)

• Add Task page (Responsive for Laptop)

• Add Task page (Responsive for Mobile)

• Task List page (Added Single Task)

• Task List page (Added Multi Tasks)

• Task List page (Delete Tasks)

• Task List page (No Task)

License

See the LICENSE file for more information.

Support

Issues and feature requests are welcome!

Give a ⭐️ if you liked this project!

Support the author on Buy Me a Coffee