React Todo List Simple ·

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