todo-app is a web application that helps users manage tasks effectively. It provides features like adding, editing, deleting, and filtering tasks based on their completion status. Tasks can be sorted by date, and the user interface is clean, responsive, and simple to use.
The project is built using React, Redux, and Tailwind CSS, ensuring scalability and a responsive design.
Installation To get started with this project, clone the repository and install dependencies:
Step 1: Clone the repository bash Copy code git clone cd project-name
https://github.com/AnnetaDe/interviewTask
Step 2: Install dependencies bash npm install or with Yarn yarn install
Step 3: Run the app Once everything is installed, run the app:
bash npm run dev or with Yarn
The app will be available at http://localhost:5173.
Usage Once the app is running, you can start interacting with it:
Add a task: Enter a task name in the input field and click the "Add Task" button. Edit a task: Click on the task to start editing it. Mark a task as complete: Click on the checkbox next to the task. Filter tasks: Use the filter buttons to show all, completed, or active tasks. Delete a task: Click on the delete icon to remove a task. Features Task Management: Add, edit, delete tasks. Task Completion: Mark tasks as completed or active. Filtering: Filter tasks by "All", "Completed", or "Active". Persistent State: All tasks are persisted in the app’s state with Redux.
Technologies This project was built using: React: For building user interfaces. Redux Toolkit: For state management. Tailwind CSS: For utility-first styling. TypeScript: For type safety and better code management. use-debounce: For debouncing input fields.
Contributing We welcome contributions to this project! If you want to help, follow these steps:
Fork the repository. Create a new branch (git checkout -b feature-name). Commit your changes (git commit -am 'Add new feature'). Push to the branch (git push origin feature-name). Open a Pull Request. Please make sure to follow the existing code style and add tests for your changes.