React Todo List App

A feature-rich Todo List application built with React, featuring dark/light mode, groups, tags, and search functionality.

Features

• Add, toggle, and delete todos
• Group todos into categories
• Add tags to todos
• Search todos by text or tags
• Filter todos by group
• Dark/Light mode toggle
• Local storage persistence

Getting Started

Prerequisites

• Node.js (v14 or later)
• npm (v6 or later)

Installation

1. Clone the repository:

   git clone https://github.com/scar17off/react-todo-list.git
   

2. Navigate to the project directory:

   cd react-todo-list
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open http://localhost:3000 to view the app in your browser.

Usage

• Add a new todo by typing in the input field and clicking "Add" or pressing Enter
• Toggle a todo's completion status by clicking the checkbox
• Delete a todo by clicking the trash can icon
• Filter todos by group using the dropdown menu
• Search todos by typing in the search input field
• Toggle between dark and light mode using the sun/moon icon in the top right corner

Built With

• React
• styled-components
• Framer Motion

License

This project is licensed under the MIT License - see the LICENSE.md file for details.