Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/minnukota381/todo-list-website

Nep-Tasks is a user-friendly web-based Todo List application designed to help you manage your tasks efficiently. The application is built with HTML, CSS, JavaScript, and utilizes Bootstrap for styling and FontAwesome for icons.
https://github.com/minnukota381/todo-list-website

bootstrap css3 html5 javascript localstorage

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/minnukota381/todo-list-website
Owner: minnukota381
License: gpl-3.0
Created: 2024-05-27T19:57:38.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-09-16T02:58:43.000Z (5 months ago)
Last Synced: 2024-09-16T07:42:32.501Z (5 months ago)
Topics: bootstrap, css3, html5, javascript, localstorage
Language: JavaScript
Homepage: https://to-do-list-nep.vercel.app
Size: 42 KB
Stars: 6
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# NeptunE-Tasks Todo List App

## Features

- **Add Tasks**: Easily add new tasks with the option to include the current timestamp.
- **Edit Tasks**: Modify existing tasks directly from the list.
- **Delete Tasks**: Remove tasks that are no longer needed.
- **Search Tasks**: Quickly find tasks by typing keywords in the search bar.
- **Mark Tasks as Complete**: Check off completed tasks and keep your list organized.
- **Clear Completed Tasks**: Remove all checked tasks with a single click.
- **Responsive Design**: Fully responsive layout, ensuring usability across various devices.
- **Persistent Storage**: Tasks are stored in the browser's local storage, so they persist even after refreshing the page.

## Technologies Used

- **HTML**: Structuring the web page content.
- **CSS**: Styling the application, including animations.
- **JavaScript**: Adding interactivity and functionality.
- **Bootstrap**: Enhancing the design with pre-built components and responsive layout.
- **FontAwesome**: Providing icons for better visual representation.
- **Animate.css**: Adding animations to various elements for a dynamic user experience.

## Getting Started

### Prerequisites

Ensure you have a modern web browser (e.g., Chrome, Firefox, Safari) to run the application.

### Installation

1. Clone the repository:

```bash
git clone https://github.com/minnukota381/todo-list-website.git
```

2. Navigate to the project directory:

```bash
cd todo-list-website
```

3. Open `index.html` in your web browser.

### Usage

1. **Add a Task**: Click the "Add Task" button, enter your task in the modal, and click "Add Task".
2. **Search Tasks**: Type keywords in the search bar to filter tasks.
3. **Edit a Task**: Click the edit icon next to a task, modify the text, and confirm.
4. **Delete a Task**: Click the trash icon next to a task to remove it.
5. **Mark as Complete**: Check the box next to a task to mark it as complete.
6. **Clear Completed Tasks**: Click the "Clear All Checked Tasks" button to remove all checked tasks.

### File Structure

- `index.html`: The main HTML file that structures the application.
- `styles.css`: Custom CSS styles for the application.
- `script.js`: JavaScript file containing the logic and interactivity of the app.

### Customization

Feel free to customize the styles and functionality to suit your needs. Modify `styles.css` for styling changes and `script.js` for behavior adjustments.

## Contributing

Contributions are welcome! If you have suggestions or improvements, please create a pull request or submit an issue on GitHub.

## License

This project is licensed under the MIT License. See the `LICENSE` file for details.

## Contact

For questions or support, please contact:

- **GitHub**: [minnukota381](https://github.com/minnukota381)

---

Thank you for using Nep-Tasks! We hope it helps you stay organized and productive.