Coder Social home page Coder Social logo

todo-react's Introduction

todo-react

https://mir-s3-cdn-cf.behance.net/project_modules/max_3840/14de0e61805871.5a7a7f88d1696.jpg

Start with the starter code in script.js.

Do npm install to get and run http-server (you will need it so that script.jsx works correctly)

Create a todo list app:

Add:
  • a button click handler that takes what is in the input, removes it from the input and pushes it into the list.
  • write the code that renders the list

Further

Create a length validation on the input. (Ex., must be more than 1 character and less than 200 characters)

Further

Show the validation error to the user

Further

Write the code that takes things out of the list.

Further

Write a todo list item component that edits it's content.

Further

Create the ability to move todo items into a done list.

Further

Use moment.js npm library to add dates to the todo list.

Further

When you add an item to the list, have it expire after a certain time, or automatically move it into the done list.

Further

Add the ability to create different parent lists and add items to any of those lists.

todo-react's People

Contributors

awongh avatar jumpingrock avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.