About this project

The was project developed as a part of front-end mentor challenges. The challenge was to build an application that enables users to:

• Toggle light and dark mode
• View the optimal layout for the component depending on their device's screen size
• See hover states for all interactive elements on the page
• Add new tasks to the list
• Mark tasks as complete
• Delete tasks from the list
• Filter tasks by all/active/complete.
• Clear all completed tasks

Technical Sheet

Code technologies I got involved with while working on this project.

• React - JS library
• Styled Components - For styles
• Semantic HTML5 markup
• Flexbox
• CSS Grid

Resources

• Live Link
• Github
• Video Demo
• Frontend Mentor