https://github.com/lilianacodes/todo-list
To Do List using Bootstrap and Vanilla JS
https://github.com/lilianacodes/todo-list
bootstrap bootstrap5 javascript js pure-javascript todo-list todolist todolist-javascript vanillajavascript vanillajs
Last synced: 3 days ago
JSON representation
To Do List using Bootstrap and Vanilla JS
- Host: GitHub
- URL: https://github.com/lilianacodes/todo-list
- Owner: lilianacodes
- Created: 2020-05-27T21:48:59.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2025-09-18T20:14:02.000Z (10 months ago)
- Last Synced: 2025-09-18T22:48:14.219Z (10 months ago)
- Topics: bootstrap, bootstrap5, javascript, js, pure-javascript, todo-list, todolist, todolist-javascript, vanillajavascript, vanillajs
- Language: HTML
- Homepage: https://lilianacodes.github.io/todo-list/
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To Do List
A simple, responsive **To Do List** application built with **Bootstrap 5** and **Vanilla JavaScript**.
## Features
- Add, delete, and mark tasks as completed using Vanilla JavaScript
- Responsive layout using Bootstrap grid and components
- Custom styles applied via `styles/styles.css`
- Task management (add, complete, delete) handled via `scripts/script.js`
- Clear and interactive user interface
## Installation
1. Clone the repository:
git clone https://github.com/your-username/todo-list.git
2. Open index.html in your browser. No additional dependencies required.
## Usage
- Type a task in the input field and either click **Add** or press the **Enter** key to add it
- Click the check icon to mark a task as completed
- Click the **× icon** to remove a task
## Technologies Used
- [Bootstrap 5](https://getbootstrap.com/) for responsive layout and components
- Vanilla JavaScript for DOM manipulation and task management
## Live Demo
Check out the live version of the To Do List [here](https://lilianacodes.github.io/todo-list/).