Skip to content

RaminMikayilov/redux-todo-list

Repository files navigation

React Todo List App

This is a simple Todo List app that allows you to keep track of your daily tasks. You can add, delete, edit and mark tasks as completed.

screenshot

Features

  • Add new tasks to the list
  • Mark tasks as completed
  • Delete tasks from the list
  • Edit tasks in the list
  • View a list of all, active, completed tasks
  • Save tasks to local storage
  • Light/dark mode

Installation

To get started with this project, follow these steps:

  1. Clone this repository to your local machine using git clone https://github.com/RaminMikayilov/Redux-Todo-List.git
  2. Navigate to the project directory using cd redux-todo-list
  3. Install the necessary dependencies using npm install
  4. Start the development server using npm run dev(because I use vite react)

The app should now be running on localhost

Usage

To add a new task, simply type the task into the input field and press enter. To mark a task as completed, click on the checkbox next to the task. To delete a task, click on the 'delete icon' button next to the task. To edit a task, click on the 'edt icon' button next to the task.

Technologies Used

This project was created using the following technologies:

  • React
  • Redux Toolkit
  • Tailwind CSS

Contributing

If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository
  2. Create a new branch (git checkout -b feature/your-feature-name)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin feature/your-feature-name)
  5. Create a new pull request

License

This project is licensed under the MIT License - MIT