/react-todo-list

react-todo-list

Primary LanguageJavaScript

Using React and Redux (and any other third-party javascript libraries you might find useful), implement a To-Do list application to the following spec:

  1. Users should be able to add new todos to the todo list. New todo inputs should be added to the bottom of the todo list.
  2. Users should be able to edit (i.e. change the text of) existing todos.
  3. Users should be able to delete existing todos.
  4. Users should be able to reorder the list of existing todos.
  5. In the bottom half of the page, all of the existing inputs and their contents should be live updated in real-time (as the user is typing) in plain text

Setup Guide

Download tools

  1. Install node
  2. Install git
  3. Install packages by running yarn install

Running Project

  1. yarn install
  2. npm run start

Deploying project to Heroku

  1. Setup project space on Heroku
  2. add buildpack https://github.com/mars/create-react-app-buildpack.git
  3. Connect to your github repository
  4. Enable 'Wait for CI to pass' option
  5. Allow automatic deploys from push on master

Live repo located -- https://wayup-todo-list.herokuapp.com/