/react-todo-list-simple

Build a simple Todo-List App

Primary LanguageJavaScript

React Todo List Simple · Author Arif

A simple ReactJs site

  • This is a Todo list app
  • Add elements to the list
  • Edit elements in the list
  • Delete elements in the list
  • Animate the creating and deletion of items in the list
  • Hosted in Github

Tech/framework used

  • React (components, forms, event handlers, etc)
  • HTML
  • CSS
  • BOOTSTRAP
  • JavaScript
  • ES6
  • Github Hosting

Deployment

This website is deployed on Github. Click here to visit.

Commands used to install Font awesome:

  • npm i --save @fortawesome/fontawesome-svg-core
  • npm i --save @fortawesome/free-solid-svg-icons
  • npm i --save @fortawesome/react-fontawesome

Animate the list Items by react-flip-move and used this command to install this:

  • npm i -S react-flip-move

Commands used to publish React files in github:

  • Add this in your package.json: "homepage": "https://arifpro.github.io/react-todo-list-simple",
  • Add those in your script object in package.json under the 'start': "predeploy": "npm run build", "deploy": "gh-pages -d build",
  • npm install gh-pages --save-dev
  • git remote set-url origin https://github.com/arifpro/react-todo-list-simple
  • npm run build
  • npm run deploy

Screenshots

homepage