Skip to content

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.

License

Notifications You must be signed in to change notification settings

kraffcho/Dynamic-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Dynamic List Preview

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.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published