Skip to content

divyasharma82/to-do-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 

Repository files navigation

To-Do List App

A simple and intuitive TodoList app built with React. Keep track of your tasks, mark them as completed βœ”οΈ.

Features ✨

  • Add new tasks with ease βž•.
  • Mark tasks as completed βœ”οΈ.
  • Delete tasks you no longer need πŸ—‘οΈ.
  • Clean and responsive user interface 🎨.

Technologies Used πŸ’»

  • React βš›οΈ: A JavaScript library for building user interfaces.
  • React DnD 🎯: A popular library for adding drag-and-drop functionality.
  • HTML5 & CSS3 🌐: For structuring and styling the app.
  • LocalStorage πŸ“¦: To persist tasks even after refreshing the page.

Installation πŸ› οΈ

  1. Clone this repository: `git clone # To-Do List App

A simple and intuitive TodoList app built with React. Keep track of your tasks, mark them as completed βœ”οΈ.

Features ✨

  • Add new tasks with ease βž•.
  • Mark tasks as completed βœ”οΈ.
  • Delete tasks you no longer need πŸ—‘οΈ.
  • Clean and responsive user interface 🎨.

Technologies Used πŸ’»

  • React βš›οΈ: A JavaScript library for building user interfaces.
  • React DnD 🎯: A popular library for adding drag-and-drop functionality.
  • HTML5 & CSS3 🌐: For structuring and styling the app.
  • LocalStorage πŸ“¦: To persist tasks even after refreshing the page.

Installation πŸ› οΈ

  1. Clone this repository: git clone https://github.com/divyasharma82/todo-list-app.git
  2. Navigate to the project directory: cd todo-list-app
  3. Install dependencies: npm install
  4. Start the development server: npm start

Usage πŸš€

  • Add new tasks by typing in the input field and pressing "Add" βž•.
  • Mark tasks as completed by clicking on them βœ”οΈ.
  • Delete tasks by clicking the "Delete" button πŸ—‘οΈ.
  1. Navigate to the project directory: cd todo-list-app
  2. Install dependencies: npm install
  3. Start the development server: npm start

Usage πŸš€

  • Add new tasks by typing in the input field and pressing "Add" βž•.
  • Mark tasks as completed by clicking on them βœ”οΈ.
  • Delete tasks by clicking the "Delete" button πŸ—‘οΈ.

About

to-do-list-based on react js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors