https://github.com/likhithsp/todolist
A responsive and user-friendly To-Do List which features local storage, task management, and a sleek design. Perfect for managing your daily tasks!✅
https://github.com/likhithsp/todolist
css html javascript todolist
Last synced: about 2 months ago
JSON representation
A responsive and user-friendly To-Do List which features local storage, task management, and a sleek design. Perfect for managing your daily tasks!✅
- Host: GitHub
- URL: https://github.com/likhithsp/todolist
- Owner: LikhithSP
- License: mit
- Created: 2024-11-08T17:46:29.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-09T15:05:34.000Z (7 months ago)
- Last Synced: 2025-02-02T18:33:02.143Z (4 months ago)
- Topics: css, html, javascript, todolist
- Language: CSS
- Homepage: https://likhithsp.github.io/todolist/
- Size: 114 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
To-Do List 📝
Simple, elegant To-Do List web application that allows users to add, check off, and delete tasks. it offers a clean and user-friendly design, responsive layout, and stores tasks locally so your list persists even if the page is refreshed.
## Features ✨
- **Add Tasks**: Quickly add new tasks to your list.
- **Delete Tasks**: Remove tasks with a simple click.
- **Mark as Complete**: Click tasks to mark them as completed.
- **Local Storage**: Retains your tasks even after refreshing the page.
- **Responsive Design**: Works well on all screen sizes.
## Getting Started 🚀
### Prerequisites
- A modern web browser.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/your-repo-name.git
```
2. Navigate to the project directory:
```bash
cd your-repo-name
```
3. Open `index.html` in your browser:
```bash
open index.html
```
### Usage
1. Enter a task in the input box.
2. Click "Add" or press Enter to add the task to the list.
3. Click a task to mark it as completed.
4. Click the "×" button next to a task to delete it.
## Code Structure 🧩
- **index.html**: Contains the HTML structure for the app, including input and task list.
- **style.css**: Manages the layout and design of the app, with a beautiful background and smooth interactions.
- **script.js**: Handles task addition, deletion, completion, and saves data to local storage for persistence.
## Contributing 🤝
1. Fork the repository.
2. Create your feature branch:
```bash
git checkout -b feature/AmazingFeature
```
3. Commit your changes:
```bash
git commit -m 'Add some AmazingFeature'
```
4. Push to the branch:
```bash
git push origin feature/AmazingFeature
```
5. Open a pull request.
## Acknowledgments
- [Font Awesome](https://fontawesome.com) for icons.
- Background image by [Pexels](https://www.pexels.com).
🤝 Connect With Me
