DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

TODO List React Application

TODO List React Application

Installation and Launch

  1. Clone this repository.
  2. Navigate to the project directory.
  3. Run npm install to install dependencies.
  4. Run npm start to start the application.

Features

  • Fetches tasks from MockAPI.
  • Implements pagination for task display.
  • Allows CRUD operations for tasks.
  • Custom-designed UI for better user experience.
  • State management via Redux/Local Storage.

Folder Structure

  • src/
    • components/: Contains React components.
    • redux/: Redux-related files (if using Redux).

How to Use

  • Add tasks using the ‘Add Task’ button.
  • Mark the task as completed or delete using the appropriate buttons.
  • Navigate between pages using pagination.

Repository Link

TODO List React Application

Git repository link.

GitHub

View Github

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more