This is a simple To-Do application built using ReactJS and Redux. The application allows users to add, view, update, and delete tasks. It also provides functionality to mark tasks as completed or important.
- Add new tasks with title, deadline, mark as completed, and mark as important.
- View all tasks in a card format.
- Update tasks including modifying title, deadline, completion status, and importance.
- Delete tasks from the list.
- Filter tasks by completed, important, and to-do (not completed) statuses.
- ReactJS: Frontend library for building user interfaces.
- Redux: State management library for managing application state.
- React Router: Declarative routing for React applications.
- Tailwind CSS: Utility-first CSS framework for styling the application.
- React Icons & Lucide React: Library providing popular icon packs as React components.
- Redux Toolkit: Toolkit for efficient Redux development including simplified store setup, action creation, and reducer logic.
To run the application locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install dependencies using npm or yarn:
or
npm installyarn install - Run the development server:
or
npm startyarn start - Open your web browser and navigate to http://localhost:3000 to view the application.
- Use the sidebar to navigate between different sections of the application.
- Add new tasks by filling out the form in the "ToDo" section and clicking the "Add Task" button.
- View all tasks in the "Tasks" section, where you can see task details, mark tasks as completed or important, update tasks, or delete tasks.
- Filter tasks by completed, important, or to-do statuses using the sidebar links.
- Edit tasks by clicking the "Edit" button on each task card, making changes in the modal, and clicking "Save Changes."
- Delete tasks by clicking the "Delete" button on each task card.
"# assignmentquad"