Minimal To-Do App

Build a clean and minimal to-do app based on the provided design. The interface should include a task input field, add button, a list of active tasks, and a completed tasks section. Use HTML for structure, CSS for styling, and JavaScript for interactive task management. Users should be able to add tasks, mark tasks as completed, move completed tasks into the done section, and remove tasks from the list. The final result should focus on clean layout, dark theme styling, simple interaction, and organized task display.

Core Build

Project Requirements

Build the full to-do app based on the provided design
Use semantic HTML5 structure
Style the full interface using CSS
Use JavaScript for task management behavior
Create an input field for adding new tasks
Add a button to create a new task
Display active tasks in a tasks to do section
Display completed tasks in a done section
Allow users to mark tasks as completed
Move completed tasks to the done section using JavaScript
Allow users to delete tasks
Update task counts dynamically
Style completed tasks with a different visual state such as strikethrough text
Add hover and active states for buttons and task actions
Make the layout responsive for smaller screens
Keep code clean and organized across HTML, CSS, and JavaScript files

Submission Open

Ready to submit your solution?

Upload your project for mentor review and showcase your structure, polish, and implementation quality.

120+ developers joined

Login Required

You need to be logged in to submit your solution for this challenge.