What To Do? - A Simple and Elegant To-Do List Web Application

Table of Contents

• Introduction
• Features
• Demo
• Installation
• Usage
• Technologies Used
• Contributing
• License
• Contact

Introduction

What To Do? is a clean and simple to-do list web application built with HTML, CSS, and JavaScript. It is designed to help users manage their tasks efficiently with an elegant interface, and includes features like theme switching (light/dark mode) and GitHub integration for collaboration.

Features

• Add, remove, and mark tasks as completed.
• Light/Dark theme toggle for personalized user experience.
• Responsive design, ensuring compatibility with mobile and desktop devices.
• Uses localStorage to save tasks and theme preference locally.
• GitHub Corner for easy access to the project’s repository.

Demo

You can see a live demo of the project here.

Installation

To set up this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/your-repository.git

2. Navigate into the project directory:

   cd your-repository
   

3. Open index.html in your preferred browser to view the application

   open index.html
   

Usage

• Add Tasks: Type a task in the input field and click the "Add" button or press Enter to add the task to the list.
• Mark Tasks as Completed: Click on the checkbox next to a task to mark it as completed.
• Delete Tasks: Click on the trash can icon to remove a task from the list.
• Theme Toggle: Click on the theme toggle button in the header to switch between light and dark modes.
• LocalStorage: All tasks and theme settings are automatically saved to your browser's local storage, so your tasks and preferences remain even after refreshing the page.

Technologies Used

• HTML5: For the structure of the web page.
• CSS3: For styling the UI and making the application responsive.
• JavaScript (ES6): For handling user interactions, managing tasks, and enabling theme switching.
• Font Awesome: For adding icons like the trash icon and theme icons (sun/moon).
• GitHub Corner: For providing easy access to the project’s GitHub repository.

Contributing

Contributions are welcome! If you would like to contribute to this project, follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch-name).
3. Make your changes.
4. Commit your changes (git commit -m 'Add new feature').
5. Push to the branch (git push origin feature-branch-name).
6. Open a pull request.

Please ensure that your code adheres to the project’s coding standards and includes appropriate documentation.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions or suggestions, feel free to contact me:

• GitHub: ErianDeath
• Email: skysommer0317@gmail.com