TodoApp is a simple todo list application created using TypeScript and object-oriented programming (OOP) principles. This application allows users to keep track of their tasks and manage them efficiently.
- Add tasks: Users can add new tasks to the todo list by entering a task description and pressing the "Add" button.
- Mark tasks as completed: Completed tasks can be checked off by clicking on the checkbox next to each task.
- Delete tasks: Users can remove tasks from the list by clicking on the delete icon associated with each task.
- Local storage: The app utilizes local storage to persist tasks, allowing users to access their todo list even after closing and reopening the application.
You can try out the TodoApp by visiting the Live Demo hosted on Vercel.
To run the TodoApp locally, follow these steps:
-
Ensure you have Node.js installed on your machine.
-
Clone this repository to your local machine using the following command:
git clone https://github.com/ybadr99/todoapp.git
-
Navigate to the project directory:
cd todoapp
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your web browser and visit http://localhost:3000 to use the TodoApp.
- Add a task: Enter a task description in the input field provided and press the "Add" button or press the Enter key.
- Mark a task as completed: Click on the checkbox next to a task to mark it as completed.
- Delete a task: Click on the delete icon (trash bin) associated with a task to remove it from the list.
Contributions to TodoApp are welcome! If you would like to contribute, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make the necessary changes and additions.
- Commit your changes and push them to your forked repository.
- Submit a pull request describing your changes and why they should be merged.
This project is licensed under the LICENSE.
TodoApp was developed as a learning project and was inspired by various todo list applications available online.
- Dave Gray for his app idea and structure.
If you have any questions, suggestions, or feedback, please feel free to contact the project maintainer at yousefbadr909@gmail.com.
Thank you for using TodoApp!