New Todo Application

A responsive and feature-rich Todo application built using React and Vite. The app allows users to manage tasks efficiently with the following unique features:

• Editable and Deletable Tasks: Tasks can be edited or deleted from the pending list.
• Date/Time Management: Each task includes the date and time it was added to the pending list.
• Completed Task Management: Completed tasks move to a separate list with the time and date of completion displayed.
• Multiline Input Support: The app handles task descriptions of up to 3-4 lines.
• Responsive Design: The app is optimized for all device sizes.
• Smart Button Enabling: The "Add Task" button is enabled only when the input field has more than 6 characters.

Features

• Todo List: Add tasks with a minimum of 6 characters, edit, and delete them as needed.
• Completed List: Completed tasks move to a separate list, showing when they were completed.
• Date and Time Tracking: The app tracks when tasks are added and completed.
• Responsive UI: Optimized for use on mobile, tablet, and desktop devices.
• Multiline Support: Allows task descriptions of up to 3-4 lines.

Installation

To clone and run this project locally:

1. Clone the repository:

   git clone https://github.com/yourusername/new-todo-application.git

2. Navigate to the project directory:

   cd new-todo-application

3. Install the dependencies:

   npm install

4. Run the application:

   npm run dev

5. Open the app in your browser by navigating to:

   http://localhost:5173
   

Deployment

The app is live on GitHub Pages at:
New Todo Application

Built With

• React
• Vite
• TailwindCSS

Developed by Jasvanth.
If you like this project, please give it a ⭐ and feel free to fork the repository!