To Do List React JS Application

This is a To Do list application made in React JS, using MaterialUI, Redux and Hooks.

---

Features

This application includes basic CRUD features to create, edit and delete tasks; and also has some extra features such as:

• Mark tasks as completed

• Drag and drop tasks

• Filters:

  • Filter tasks by user-entered text
  • Filter by completed tasks
  • Filter by unfinished tasks
  • Filter by deleted tasks

• Sorters:

  • Sort in ascending alphabetical order
  • Sort in descending alphabetical order
  • Sort by completed tasks
  • Sort by unfinished tasks

• Counters:

  • Total tasks counter
  • Unfinished tasks counter
  • Finished tasks counter
  • Deleted tasks counter

---

Installation

Requirements:

• Node.js
• npm

Clone the project, install the dependencies and devDependencies and start the server.

npm i
npm start

Access to your local server address in your prefered browser.

• http://localhost:3000
• http://127.0.0.1:3000

---

Development

Libraries, utilities and frameworks used in development:

• Workspace:

  • IDE: Visual Studio Code
  • Linter: ESLint

• User Interface:

  • UI Construction: ReactJS
  • React UI Framework: MaterialUI React
  • Icons: Material Icons

• Development utilities:

  • Global state handler: Redux
  • Drag and drop: React Sortable HOC

---

License

MIT