Giter Club home page Giter Club logo

redux-todo's Introduction

React Redux Todo List App ๐Ÿ“‹

This is a simple Todo List application built using React and Redux. It allows the user to add new tasks, update the status of existing tasks (completed or not), and delete tasks.

Installation

To run the application, follow these steps:

  1. Clone the repository to your local machine
  2. Install the dependencies by running npm i
  3. Start the development server by running npm run start

Usage

Once the application is running, you can start adding tasks to the list by typing in the input field and pressing the "Add" button. Each task will be displayed as a list item with a checkbox to mark it as completed, an edit button to update the task, and a delete button to remove it from the list.

To mark a task as completed, simply click on the checkbox. The task will be crossed out to indicate that it has been completed.

To update a task, click on the edit button. This will display a modal with the current task text and an input field to update it. Once you have made your changes, click the "Update" button to save the new task text.

To delete a task, click on the delete button. This will remove the task from the list permanently.

Technologies Used

This application was built using the following technologies:

  • React: A JavaScript library for building user interfaces
  • Redux: A predictable state container for JavaScript apps

Future Improvements

Here are some potential improvements that could be made to this application:

  • Add a search bar to filter tasks by name or status
  • Implement drag and drop functionality to allow users to reorder tasks
  • Store the task list in a backend database to enable multiple users and persistence
  • Add authentication to restrict access to the task list to authorized users only.

redux-todo's People

Contributors

aletex1994 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.