Todo app in React

Table of contents

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

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• Add new todos to the list
• Ability to hit ENTER key and add TODO to a list
• Mark todos as complete
• Delete todos from the list
• At the top of the list user should be able to see different inspirational quote each time user refreshes the page
• The quote should be fetched from the following API: https://type.fit/api/quotes
• Persist the TODO’s so that when the user refreshes the page, the list of TODOs is unchanged

Screenshot

Links

• Live Site URL

My process

Built with

• React - JS library
• Bootstrap - For style