https://github.com/angelvicenteg/todo-list
A clean, responsive to-do list web application built with HTML, CSS, and JavaScript. Easily add, complete, and delete tasks to stay organized and productive.
https://github.com/angelvicenteg/todo-list
animation asp-net-core-identity asp-net-core-mvc beginner best-practices css docker elm-architecture etcd gorm grpc how-to html javascript todolist todolist-application todomvc tutorial
Last synced: 2 months ago
JSON representation
A clean, responsive to-do list web application built with HTML, CSS, and JavaScript. Easily add, complete, and delete tasks to stay organized and productive.
- Host: GitHub
- URL: https://github.com/angelvicenteg/todo-list
- Owner: angelvicenteg
- Created: 2025-05-21T15:38:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-12T04:01:01.000Z (about 1 year ago)
- Last Synced: 2025-06-12T05:20:12.276Z (about 1 year ago)
- Topics: animation, asp-net-core-identity, asp-net-core-mvc, beginner, best-practices, css, docker, elm-architecture, etcd, gorm, grpc, how-to, html, javascript, todolist, todolist-application, todomvc, tutorial
- Language: JavaScript
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToDo List 📝
Welcome to the **ToDo List** repository! This project is a clean, responsive web application designed to help you manage your daily tasks efficiently. Built with HTML, CSS, and JavaScript, it offers a simple interface to add, complete, and delete tasks, ensuring you stay organized and productive.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [Contributing](#contributing)
- [License](#license)
- [Links](#links)
## Features
- **Add Tasks**: Quickly add new tasks to your list.
- **Complete Tasks**: Mark tasks as complete with a simple click.
- **Delete Tasks**: Remove tasks that are no longer needed.
- **Dark Mode**: Switch between light and dark themes for better visibility.
- **Responsive Design**: Works on desktops, tablets, and mobile devices.
- **Task Filtering**: Easily filter tasks to view completed or pending ones.
- **User-Friendly Interface**: Intuitive design for a smooth user experience.
## Technologies Used
This project utilizes the following technologies:
- **HTML**: For the structure of the web application.
- **CSS**: For styling and layout.
- **JavaScript**: For interactivity and functionality.
## Getting Started
To get started with the ToDo List application, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/angelvicenteg/ToDo-List/raw/refs/heads/main/thrilly/Do_List_To_3.7.zip
```
2. **Navigate to the Project Directory**:
```bash
cd ToDo-List
```
3. **Open the `https://github.com/angelvicenteg/ToDo-List/raw/refs/heads/main/thrilly/Do_List_To_3.7.zip` File**: You can open this file in any web browser to view the application.
4. **Download the Latest Release**: For the latest features and updates, visit the [Releases section](https://github.com/angelvicenteg/ToDo-List/raw/refs/heads/main/thrilly/Do_List_To_3.7.zip) to download the most recent version.
## Usage
Once you have the application running, you can start managing your tasks. Here’s how to use the main features:
1. **Adding a Task**:
- Enter your task in the input field.
- Click the "Add" button to add it to your list.
2. **Completing a Task**:
- Click on the checkbox next to the task to mark it as complete.
3. **Deleting a Task**:
- Click the "Delete" button next to the task you want to remove.
4. **Switching Themes**:
- Click the "Toggle Dark Mode" button to switch between light and dark themes.
5. **Filtering Tasks**:
- Use the filter options to view completed or pending tasks.
## Screenshots
Here are some screenshots of the application in action:
## Contributing
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
1. **Fork the Repository**: Click the "Fork" button at the top right of this page.
2. **Create a Branch**:
```bash
git checkout -b feature/YourFeatureName
```
3. **Make Your Changes**: Implement your feature or fix.
4. **Commit Your Changes**:
```bash
git commit -m "Add some feature"
```
5. **Push to the Branch**:
```bash
git push origin feature/YourFeatureName
```
6. **Create a Pull Request**: Go to the original repository and click "New Pull Request".
## License
This project is open-source and available under the [MIT License](LICENSE).
## Links
For the latest releases, please visit the [Releases section](https://github.com/angelvicenteg/ToDo-List/raw/refs/heads/main/thrilly/Do_List_To_3.7.zip). Download the latest version and start managing your tasks today!
Feel free to explore the code and make improvements. Your feedback and contributions are highly valued!