https://github.com/cfisher21/todolist

A dynamic To-Do App built with vanilla JavaScript, HTML, and CSS, bundled using Webpack. It lets users manage task lists—adding, editing, and deleting tasks with due dates and priority settings—while persisting data in localStorage. The app features a responsive design for a smooth experience across devices.
https://github.com/cfisher21/todolist

css dom-manipulation frontend-development html javascript localstorage responsive-design todo-app vanilla-js webpack

Last synced: 3 months ago
JSON representation

A dynamic To-Do App built with vanilla JavaScript, HTML, and CSS, bundled using Webpack. It lets users manage task lists—adding, editing, and deleting tasks with due dates and priority settings—while persisting data in localStorage. The app features a responsive design for a smooth experience across devices.

• Host: GitHub
• URL: https://github.com/cfisher21/todolist
• Owner: CFisher21
• Created: 2025-01-17T00:31:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-05T03:02:42.000Z (over 1 year ago)
• Last Synced: 2025-03-18T12:17:58.212Z (over 1 year ago)
• Topics: css, dom-manipulation, frontend-development, html, javascript, localstorage, responsive-design, todo-app, vanilla-js, webpack
• Language: JavaScript
• Homepage: https://cfisher21.github.io/TodoList/
• Size: 102 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# To-Do App

A simple, dynamic To-Do App built with vanilla JavaScript, HTML, and CSS. The project is bundled using Webpack and leverages localStorage to persist user data.

## Overview

The To-Do App allows users to:

- Create multiple task lists.

- Add, edit, and delete tasks within each list.

- Set due dates and mark tasks as a priority.

- Filter lists by due date (Today, Tomorrow, Next Week) or by priority.

- Enjoy a responsive design that adapts to various screen sizes.

## Features

- **Task Management:** Easily add, delete, and edit tasks.

- **List Management:** Create and remove lists with custom titles.

- **Local Persistence:** Automatically saves your lists and tasks using localStorage.

- **Priority & Due Dates:** Mark tasks as high priority and set due dates.

- **Responsive Design:** Clean and intuitive UI that works on both desktop and mobile.

- **Webpack Bundling:** Efficiently bundles assets (JavaScript, CSS, images) for a smooth development experience.

## Technologies Used

- **JavaScript (ES6+)**

- **HTML5**

- **CSS3**

- **Webpack**

## Getting Started

### Installation

**Clone the repository:**

- git clone https://github.com/CFisher21/TodoList

- cd YourRepoName

- npm install

- npm start

### Prerequisites

- [Node.js](https://nodejs.org/) (v12 or later)

- npm (comes with Node.js)

### License

Distributed under the MIT License. See LICENSE for more information.

### Acknowledgments

Built by Cody Fisher