/test-react-todo

This is a simple to-do list app built with React

Primary LanguageJavaScript

GP-ToDo-List

This simple todo list app was bootstrapped with Create React App.

Below you will find some information on how to perform common tasks.

Resources & Technology

Structure

Directory Structure :

node_modules/
public/
    index.html
src/
  - Components/
  - Styles/
    └──App.css
    └──index.css
  index.js
  app.js
.gitignore
package.json 
README.md

Getting Started

Follow these instructions to get a copy of the app running on local for development and testing purposes.

Installation

git clone https://github.com/imendoza06/test-react-todo.git
cd test-react-todo
npm install
npm start

Open http://localhost:3000/ to view the app in a browser.

Funcionalities

No todos

When there are no todos, the todos list section is hidden.

New todo

New todos are entered in the input at the top of the app.

Item

A todo item has these interactions:

  • Clicking the checkbox marks the todo as complete.
  • Remove button to delete to-do.

Counter

Displays the number of active todos in a pluralized form: 0 items, 1 item, 2 items. Example: 2 items left

Future Implementations

  • Mark all as complete
  • Editing to-do
  • Clear ALL completed
  • Pesistence
  • Routing - All / Active / Completed

Credit

Created by Ivan Mendoza