https://github.com/adhamelrouby/advanced-react-to-do-list

📃 A React.js To-Do List App with enhanced features for better user experience
https://github.com/adhamelrouby/advanced-react-to-do-list

Last synced: 15 days ago
JSON representation

📃 A React.js To-Do List App with enhanced features for better user experience

• Host: GitHub
• URL: https://github.com/adhamelrouby/advanced-react-to-do-list
• Owner: AdhamElRouby
• Created: 2024-08-14T12:01:06.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-28T22:40:47.000Z (3 months ago)
• Last Synced: 2024-08-28T23:45:38.148Z (3 months ago)
• Language: JavaScript
• Homepage: https://adhamelrouby.github.io/Advanced-React-To-Do-List/
• Size: 576 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Advanced React To-Do List

A functional to-do list app with advanced features including task reordering, double-click editing, and more intuitive functionality.







## Tech Stack

- 

- 

- 

- 

 

## Features

- **State Management:** Utilizes `useContext` and `Custom Hooks` to manage state and prevent prop drilling.

- **Task Reordering:** Implements `framer-motion` library for smooth task reordering.

- **Notifications:** Integrates `react-toastify` library for displaying messages when tasks are added or deleted.

- **Local Storage:** Preserves client changes using local storage for continuity across sessions.

- **Search Functionality:** Includes a search bar to quickly find tasks. 

## Run Locally

Clone the project

```bash

  git clone https://github.com/AdhamElRouby/Advanced-React-To-Do-List.git

```

Go to the project directory

```bash

  cd .\Advanced-React-To-Do-List

```

Open with VSCode

```bash

  code .

```

Install dependencies

```bash

  npm install

```

Open with live server

```bash

  npm run dev

```

## Contributing

I welcome contributions to this project! Feel free to submit pull requests and suggest improvements. 

If you have any questions or need assistance, don’t hesitate to contact me at [email protected].