The React Task Tracker is a simple yet feature-rich web application built with React and Tailwind CSS. It allows users to manage their tasks efficiently, with features like adding, deleting, marking as completed, filtering, pagination, and drag-and-drop reordering.
- Task Management: Add, delete, and mark tasks as completed.
- Filtering: Filter tasks based on their completion status (all, completed, or incomplete).
- Pagination: View tasks in paginated format, with a configurable number of tasks per page.
- Drag and Drop: Reorder tasks using intuitive drag-and-drop functionality.
- Responsive Design: The application is fully responsive and works seamlessly across desktop and mobile devices.
- React
- React Hooks
- Context API (for state management)
- react-beautiful-dnd (for drag-and-drop functionality)
- Tailwind CSS (for styling)
- react-icons (for icons)
To run the React Task Tracker locally, follow these steps:
- Clone the repository:
git clone https://github.com/MohitBhatt07/Task-Tracker.git
-
Navigate to the project directory:
cd Task-Tracker
-
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and visit http://localhost:5173 to see the application in action.