git clone [email protected]:jmsv23/BE-to-FE-path.git
This excercise use Next.js as a base and has Tailwind support build in so you are able to use tailwind or pure css to acomplish the task.
The Scode of this exercise it's cretate a TODO app, this app should be capable to create, update, delete and mark as complete de different task.
- Input field: The app should have a input text field to allow the user enter the text description of the task, this field should be used as well to update the existing tasks.
- Save/Update Button: This button should be on the side of the input field and should save/update the task when it's clicked.
- List: The user should be able to see a list of all the task including the completed tasks.
- Complete/update/delete Buttons: Each element of the list should have 3 buttons Complete/Update/Delete buttons to allow the user mark the task as complete, update the task or delete the task.
- Completed tasks: The completed tasks should show a different styles that allow the user know that the user it's completed.
- Validation: The input field should have validation to prevent that a empty task it's been created.
- Responsive: The application should be responsive and display correctly on different screen sizes, you are free to decide the look and feel of the application.