kraffcho / Dynamic-List

The Dynamic List app in React allows users to manage to-dos with advanced features like pagination and local storage. Edit your list title, add items with timestamps, and easily navigate with search and keyboard shortcuts. This updated version offers a seamless, feature-rich experience for tracking and managing your tasks efficiently.

Dynamic List (To-Do)

Description

This React app enables the creation and management of a dynamic To-Do List with various features like searching, editing, and pagination. The app uses LocalStorage to save the to-do items and title, and provides a user-friendly interface for easy navigation.

Table of Contents

1. Installation
2. Usage
3. Features
4. Contributing
5. License

Installation

Clone the repository:

git clone https://github.com/kraffcho/Dynamic-List.git

Navigate to the project directory and install the dependencies:

cd Dynamic-List
npm install

Start the development server:

npm start

Usage

Open http://localhost:3000 in your browser to use the application.

Features

• Add To-Do Items: Easily add new to-do items.
• Edit Items: Edit the text of existing items in-line.
• Delete Items: Remove unwanted items with a single click.
• Search: Dynamic search through the list of items.
• Pagination: Navigate through pages when the list grows large.
• LocalStorage: Save items and title to LocalStorage for persistence.

Contributing

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

DEMO

Dynamic To-Do List 👀

License

This project is licensed under the MIT License.