best-to-do-app

Best to do app using JAVASCRIPT HTML CSS Live Link - https://pranaydwivedi444.github.io/best-to-do-app

Best To-Do App

This is a simple to-do app built with HTML, CSS, and JavaScript. It allows users to add and remove tasks, mark tasks as complete, and stores the tasks in local storage so they can be retrieved later even after a page reload.

Features

• Add new tasks to the list
• Remove tasks from the list
• Delete List
• Mark tasks as complete
• Store tasks in local storage for retrieval after page reload

Learnings -

Task Management: Your project provides users with a task management system, allowing them to create lists and tasks, mark tasks as complete, and clear completed tasks.

List Selection: Users can select a specific list to view its tasks. This feature enhances user experience by making it easier to organize and manage tasks within specific categories.

CRUD Functionality: The project provides full CRUD (create, read, update, delete) functionality for lists and tasks, allowing users to create and delete lists and tasks, as well as update and edit their contents.

Responsive Design: The application's design is responsive, adapting to different screen sizes and devices. This ensures a seamless user experience across various platforms.

Model-View-Controller Architecture: The project follows the Model-View-Controller (MVC) architectural pattern, separating the data, presentation, and control logic of the application. This architecture promotes modular development, making it easier to maintain and scale the application in the future.

Tech Stack

Client: JavaScript HTML CSS Webpack Babel API Quotable

Run Locally

• Prerequisites To run Forkify locally, you'll need to have Node.js and NPM (Node Package Manager) installed on your computer. You can download the latest version of Node.js from the official website: https://nodejs.org/en/download/. Clone the project

 git clone https://github.com/pranaydwivedi444/best-to-do-app.git
cd best-to-do-app
open index.html

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run start

Usage To add a new task, simply type the task into the input field and press the "Enter" key or click the "Add" button. To remove a task, click the "X" button next to the task. To mark a task as complete, click the checkbox next to the task.

All tasks are stored in local storage, so they will be retrieved even after a page reload.

Acknowledgements

-Kevin Powell - Inspiration and guidance for the project