Getting Started with Create React App

This project was bootstrapped with Create React App.

Start the project

Run:

npm start

Frontend Mentor - Todo App

This is a solution to the Intro section with dropdown navigation challenge on Frontend Mentor.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with

Overview

User is 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

Links

• Solution URL: code
• Live Site URL: live

My process

Built with

• React Js with CSS modules, uuid, use-local-storage, react-icons, framer-motion
• Styled Components
• useState, useRef hooks
• Mobile-first

Lighthouse Performance

• Mobile
• Desktop

Author

• Frontend Mentor - @waldekglaz