To-Do List

A simple to-do list website, designed and developed for all the users who wish to manage their time effectively and wisely, or those who do-not remember their tasks.

Table of Contents

• Description
• Technology Stack Used
• Running The Project
• Images
• Summary
• Authors

Description

This website offers you your own personalized to-do list, where you can create and manage your tasks, i.e., you can add your pending tasks along with their description and deadline. On completion of your task, you can delete it. You will still be able to view your task in your history.

In order to view your task, you need to login with your login credentials. If you do not have an account, you can sign up via the signup page, and then login.

Moreover, you also have the option to sort your tasks as per the deadline (more recent first), and also filter tasks categorically.

Technology Stack Used

• Front-End
  • HTML
  • CSS
  • JavaScript
• Back-End
  • PHP
  • MySQL
• IDE Used
  • Visual Studio Code

Running The Project

• If you wish to run this project, follow the given procedure:

  1. Download and Install XAMPP.
  2. Open XAMPP and start Apache and MySQL.
  3. Reach out to the following link and import database todolist.sql: http://localhost/phpmyadmin/
  4. Reach out to the directory where xampp is installed. Copy and paste the project folder in xampp/htdocs .
  5. Finally, open the following link in your web browser. http://localhost/todolist/index.php

Screenshots

Front Page:	About Us:
FAQ Page:	Contact Page:
Login:	Sign-up:
Add Task:	Edit Task:
To-Do-List Page(With Tasks):	To-Do-List Page(Without Tasks):
History Page(With Tasks):	History Page(Without Tasks):

Summary

This to-do list website will be of great help to those who are new to web development, as it covers most of the basic aspects of web-development. More features can still be added to this website, and therefore, there is a lot of improvisation needed.

Authors

• Anmol Kumar Sharma