https://github.com/zicteck/to-do-list
A basic To-Do List web application created with pure HTML, CSS, and JavaScript. It allows users to view a list of pending tasks, add new tasks via a form, edit them and remove them when completed. This project was developed as part of a Front-End Bootcamp module focused on DOM manipulation with JavaScript.
https://github.com/zicteck/to-do-list
android flutter html javascript kotlin-coroutines list mongodb productivity to-do-app to-do-list to-do-list-javascript todolist todolist-application webapp
Last synced: 10 months ago
JSON representation
A basic To-Do List web application created with pure HTML, CSS, and JavaScript. It allows users to view a list of pending tasks, add new tasks via a form, edit them and remove them when completed. This project was developed as part of a Front-End Bootcamp module focused on DOM manipulation with JavaScript.
- Host: GitHub
- URL: https://github.com/zicteck/to-do-list
- Owner: zicteck
- Created: 2025-04-05T04:16:13.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-04-10T17:06:08.000Z (10 months ago)
- Last Synced: 2025-04-10T22:48:32.390Z (10 months ago)
- Topics: android, flutter, html, javascript, kotlin-coroutines, list, mongodb, productivity, to-do-app, to-do-list, to-do-list-javascript, todolist, todolist-application, webapp
- Language: JavaScript
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```markdown
# To-Do List Application 📝
## Overview
Welcome to the To-Do List project! This web application lets you manage your tasks efficiently. Built with pure HTML, CSS, and JavaScript, it provides a simple and user-friendly interface for adding, editing, and removing tasks.
Whether you're tracking daily chores or keeping an eye on work projects, this application helps you stay organized.
---
## Features
- **Add Tasks**: Easily input new tasks through a simple form.
- **View Tasks**: See all your pending tasks displayed in a clean list.
- **Edit Tasks**: Modify tasks as needed to reflect changes.
- **Delete Tasks**: Remove tasks once completed, keeping your list clean and manageable.
- **Responsive Design**: Works well on various devices.
---
## Technologies Used
- **HTML**: For the structure of the application.
- **CSS**: For styling and layout.
- **JavaScript**: For dynamic features and DOM manipulation.
---
## Installation
To get started with this project, follow these steps:
1. Clone the repository to your local machine using:
```bash
git clone https://github.com/zicteck/to-do-list.git
```
2. Navigate to the project directory:
```bash
cd to-do-list
```
3. Open the `index.html` file in your browser to see the application in action.
---
## Usage
1. **Add a Task**: Type your task in the input field and hit enter or click the "Add" button.
2. **Edit a Task**: Click on the task you want to modify, make changes, and hit enter to save.
3. **Delete a Task**: Click the delete icon next to the task to remove it from your list.
---
## Screenshots
---
## Live Demo
You can view the live version of the application [here](https://github.com/zicteck/to-do-list/releases).
---
## Topics Covered
This project covers several essential topics in web development:
- **add-task**: Techniques for adding new items.
- **beginner-friendly**: Suitable for newcomers to web development.
- **css**: Styling and layout considerations.
- **delete-task**: Methods for removing tasks.
- **dom-manipulation**: Interacting with the Document Object Model using JavaScript.
- **frontend**: Building the user interface.
- **html**: Structuring web pages.
- **javascript**: Implementing functionality and interactivity.
- **onclick**: Using click events for user actions.
- **to-do-list**: A practical application of task management.
---
## Contribution
We welcome contributions to improve this project! If you'd like to help out, please follow these steps:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/YourFeature
```
3. Make your changes and commit them:
```bash
git commit -m "Add your message here"
```
4. Push to the branch:
```bash
git push origin feature/YourFeature
```
5. Create a pull request.
---
## License
This project is licensed under the MIT License. Feel free to use and modify it as you wish.
---
## Acknowledgments
This project was developed as part of a Front-End Bootcamp module focused on DOM manipulation with JavaScript. Thank you to all the instructors and fellow students who contributed to this learning experience.
---
## Get in Touch
If you have questions or feedback, please reach out:
- **GitHub**: [zicteck](https://github.com/zicteck)
- **Email**: zicteck@example.com
Thank you for checking out the To-Do List application! We hope it helps you stay organized and productive. Happy coding! 🎉
```