A simple task tracker application built with React, featuring task management, local storage, filtering, and drag-and-drop functionality.
- Overview
- Features
- Installation
- Usage
- Styling
- Responsiveness
- Local Storage
- Filtering
- Drag and Drop
- Demo
- Contributing
- License
This React Task Tracker allows users to manage tasks efficiently. Tasks are displayed in a list format with details such as task name, date added, and status.
- Task List: Display a list of tasks with task name, date added, and status.
- Add Task: Add new tasks to the list with a name and date added.
- Delete Task: Remove tasks from the list.
- Mark as Completed: Toggle tasks between completed and incomplete status.
- Styling: Basic styling for a user-friendly interface.
- Responsiveness: Ensures a seamless experience on both desktop and mobile devices.
- Local Storage: Persists tasks even after page refresh.
- Filtering: Filter tasks based on their status (completed/incomplete).
- Drag and Drop: Reorder tasks with intuitive drag-and-drop functionality.
- Clone the repository.
git clone https://github.com/your-username/react-task-tracker.git
- Navigate to the project directory.
cd react-task-tracker
- Install dependencies.
npm install
npm start
Access the application at http://localhost:3000 in your browser.
-
Styling The application uses basic styling to enhance the user interface. Feel free to customize the styling further as needed.
-
Responsiveness The application is designed to be responsive and works well on various screen sizes, including desktop and mobile devices.
-
Local Storage Tasks are stored in local storage, ensuring that they persist even if the page is refreshed.
-
Filtering Use the filtering functionality to view tasks based on their status (completed/incomplete).
-
Drag and Drop Tasks can be reordered using the drag-and-drop feature, providing a flexible and intuitive task management experience.
-
Demo View a live demo of the application hosted on Vercel: React Task Tracker Demo.
-
Contributing Contributions are welcome! Feel free to submit issues or pull requests.