Links

• Live Site URL: [https://marvelous-praline-30cc2d.netlify.app/]
• Solution URL: [https://github.com/ArjunJayakrishnan/My-Repo-11/]

Table of contents

• The challenge
• Screenshot
• Links
• Built with
• What I learned
• Author

The challenge

Users should be able to:

• 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
• Filter by all/active/complete todos
• Clear all completed todos
• Toggle light and dark mode

Screenshot

dark mode - [https://drive.google.com/file/d/1DFyW3VqL1rW1W1nMYqOuW0wySxb0Wjux/view?usp=sharing] light mode - [https://drive.google.com/file/d/1hi9NHnO-mSRYb9u-kdWFh4b2-QhfYn9s/view?usp=sharing]

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• desktop-first workflow
• React - JS library
• local storage used

What I learned

i learned how to use local storage

Author

• Frontend Mentor - @ArjunJayakrishnan