Internship Frontend Challenge

Desktop design Mobile Design

TODO Challenge

A simple challenge to create a todo page using HTML, CSS and JS. You can use any frontend framework if you want to create this page (ex., Vue Js, React Js).

What we expect in the challenge

• Are you able to search things on internet and find what you need to create the page?
• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Add new todos to the list
• Mark todos as complete
• Delete todos from the list
• Clear all completed todos
• Bonus: Filter by all/active/complete todos
• Bonus: Toggle light and dark mode
• Bonus: Drag and drop to reorder items on the list
• Bonus: Build this project as a full-stack application (with backend using Node Js or of your choice)

All the very best! Don't hesitate to ask any question to us related to the challenge!