ToDoApp

An Application created as a solution for the ToDoApp Challenge from Devchallenges.io.

Table of Contents

• Challenge
• Solution
  • Demo
  • Demo Screenshots
  • Built With
• How to Use

Challenge

Create a todo app following the given designs. Use Front-end libraries like React or Vue.

Fulfill user stories below:

• User story: I can add a new task
• User story: I can complete a task
• User story: I can toggle between All, Active and Completed
• User story: I can remove one or all tasks under the Completed tab
• User story (optional): Store the data in local storage that when I refresh the page I can still see my progress

Solution

Demo

Find the site in action here!

Demo Screenshots

Home Page

Active

Completed

Mobile View

Note:

• Stores the data on local storage so that progress is retained on refresh
• Initially no tasks will be found, start adding tasks to use the App
• The "delete all" button will only be visible if completed tasks are present

Built With

• React

How To Use

To clone and run this application, you'll need Git and yarn. From your command line:

# Clone this repository
$ git clone https://github.com/anuva312/ToDoApp-devChallenges

# Install dependencies
$ yarn install

# Run the app
$ yarn start