/To-do-List

To-do List Project in html,css and js

Primary LanguageJavaScript

To-Do List Webpage with Dashboard

image

This project is a simple, interactive to-do list web application with a built-in dashboard. It allows users to manage their tasks efficiently while providing an overview of their progress.

📋 Features

  • ✅ Add new tasks
  • ✔️ Mark tasks as complete
  • 🗑️ Remove tasks
  • 📊 Real-time dashboard showing:
    • Total number of tasks
    • Number of completed tasks
    • Number of pending tasks

🛠️ Technologies Used

  • HTML5
  • CSS3 (Bootstrap 5.1.3)
  • JavaScript (ES6+)

🚀 How to Use

  1. Clone this repository to your local machine: 
    git clone https://github.com/yourusername/todo-list-webpage.git
  2. Navigate to the project directory: 
    cd todo-list-webpage
  3. Open the index.html file in a web browser.
  4. Start managing your tasks!

📁 File Structure

todo-list-webpage/
│
├── index.html    # Contains HTML structure, embedded CSS, and JavaScript
└── README.md     # Project documentation (you are here)

🎨 Customization

You can easily customize the appearance by modifying the Bootstrap classes or adding your own CSS rules. The JavaScript code can be extended to add more features like task categories, due dates, or local storage persistence.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

For major changes, please open an issue first to discuss what you would like to change.

Project Link: https://sofiyan-coder.github.io/To-do-List/

Made with ❤️ by Sofiyan