The To-Do List Website is a personal task manager that helps you stay organized through an intuitive web interface. Built using PHP and MySQL with XAMPP, this app features a responsive design powered by Bootstrap, ideal for daily productivity.
-
🔐 User Authentication
Secure login and logout system. Local execution supported via XAMPP. -
🗃️ Task Management (CRUD)
Add, edit, delete, and view tasks. Tasks are sorted by priority date and grouped by completion status. -
🧭 Smart Navigation
Switch between completed and incomplete tasks with scroll-based navigation. -
📱 Responsive Design
Fully responsive design that ensures a seamless experience across desktops, tablets, and mobile devices.
![]() Login Page |
![]() Task Management (CRUD) |
![]() Task Navigation |
![]() Logout Page |
Layer | Technology |
---|---|
Frontend | HTML, CSS, Bootstrap |
Backend | PHP (Procedural or OOP) |
Database | MySQL (via XAMPP) |
Server | Apache (XAMPP) |
-
Clone this repository:
git clone https://github.com/yourusername/todo-list-php.git
-
Move the folder into your XAMPP directory:
- Copy
todo-list-php
tohtdocs
inside your XAMPP installation.
- Copy
-
Start XAMPP:
- Launch Apache and MySQL via the XAMPP Control Panel.
-
Create the MySQL database:
- Go to http://localhost/phpmyadmin
- Click on the Databases tab.
- Create a new database named:
todolist_database
-
Import the SQL file:
- Click the newly created
todolist_database
. - Go to Import, choose the file
todolist.sql
from the project directory. - Click Go to execute the import.
- Click the newly created
-
Access your app:
http://localhost/todo-list-php/
- Passwords are encrypted using
md5()
for basic protection. - For production, consider upgrading to more secure hashing methods like
password_hash()
.
Feel free to fork this project, star ⭐ it, and submit pull requests. Suggestions and issues are welcome!