Task List (To-Do List)

This project was developed as part of a technical test to evaluate frontend development skills. The goal is to create a functional, responsive, and modern web application using best development practices.

🎯 Objective

The application is a task manager that allows users to organize, track, and manage their daily activities easily and efficiently.

🛠️ Technologies Used

• React: Library for building the interface
• TypeScript: Static typing for safer development
• Tailwind CSS: Fast and consistent styling
• Zustand: Global state management
• React Testing Library and Jest: Unit testing
• React Intl: Application internationalization

⚙️ Implemented Features

• ✅ Add, edit, and delete tasks
• ✅ Data persistence with localStorage
• ✅ View filters:
  • Completed tasks
  • Pending tasks
  • Text search
• ✅ Bulk actions:
  • Complete all tasks
  • Delete all completed tasks
• ✅ Dark Mode
• ✅ Responsive design for mobile devices
• ✅ Animations to enhance user experience
• ✅ Internationalization (i18n)
• ✅ Drag and Drop to reorder tasks

🚀 How to Run the Project

⚠️ Important

Ensure that Node.js version 20 or higher is installed to run this project correctly.

# Clone the repository
git clone https://github.com/lucascdornelas/todo-list

# Navigate to the project directory
cd todo-list

# Install dependencies
npm install

# Start the application
npm run dev

The application will be available at http://localhost:5173.

🧪 Tests

To run the unit tests, use the command:

npm run test

📸 Demo

🔍 Future Improvements

• Sort tasks by creation/completion date
• Integrate with an external API

🧑‍💻 Author

Developed by Lucas Cota Dornelas.