Error in app.js

README.md

@@ -0,0 +1,9 @@
+# eth-todo-list
+Blockchain Todo App Tutorial Powered by Ethereum Smart Contracts
+
+
+TODO_:
+
+1) 'Loading...' does not appears although there is no wallet/account connected. But when one tries to create a task, 'Loading...' appears.
+3) After connecting to the site with a new account/wallet, one needs to refresh the page manually to be able to get rid of 'Loading..'
+4) MetaMask does not ask if you want the 'Transaction' and how much you want to pay for that.

bs-config.json

@@ -8,4 +8,4 @@
       "/vendor": "./node_modules"
     }
   }
-}
+}

contracts/Migrations.sol

@@ -1,23 +1,19 @@
-pragma solidity >=0.4.21 <0.6.0;
+// SPDX-License-Identifier: MIT
+pragma solidity >=0.4.22 <0.9.0;
 
 contract Migrations {
-  address public owner;
+  address public owner = msg.sender;
   uint public last_completed_migration;
 
-  constructor() public {
-    owner = msg.sender;
-  }
-
   modifier restricted() {
-    if (msg.sender == owner) _;
+    require(
+      msg.sender == owner,
+      "This function is restricted to the contract's owner"
+    );
+    _;
   }
 
   function setCompleted(uint completed) public restricted {
     last_completed_migration = completed;
   }
-
-  function upgrade(address new_address) public restricted {
-    Migrations upgraded = Migrations(new_address);
-    upgraded.setCompleted(last_completed_migration);
-  }
 }

contracts/TodoList.sol

@@ -1,4 +1,5 @@
-pragma solidity ^0.5.0;
+// SPDX-License-Identifier: MIT
+pragma solidity >=0.4.22 <0.9.0;
 
 contract TodoList {
   uint public taskCount = 0;
@@ -9,11 +10,15 @@ contract TodoList {
     bool completed;
   }
 
+  constructor() public{
+    createTask('Example Task Intialized');
+  }
+
   mapping(uint => Task) public tasks;
 
   event TaskCreated(
     uint id,
-    string content,
+    string content, 
     bool completed
   );
 
@@ -22,12 +27,8 @@ contract TodoList {
     bool completed
   );
 
-  constructor() public {
-    createTask("Check out dappuniversity.com");
-  }
-
   function createTask(string memory _content) public {
-    taskCount ++;
+    taskCount++;
     tasks[taskCount] = Task(taskCount, _content, false);
     emit TaskCreated(taskCount, _content, false);
   }
@@ -38,5 +39,4 @@ contract TodoList {
     tasks[_id] = _task;
     emit TaskCompleted(_id, _task.completed);
   }
-
-}
+}

migrations/1_initial_migration.js

@@ -1,5 +1,5 @@
-var Migrations = artifacts.require("./Migrations.sol");
+const Migrations = artifacts.require("Migrations");
 
-module.exports = function(deployer) {
+module.exports = function (deployer) {
   deployer.deploy(Migrations);
 };

migrations/2_deploy_contracts.js

@@ -1,5 +1,5 @@
-var TodoList = artifacts.require("./TodoList.sol");
+const TodoList = artifacts.require("TodoList");
 
-module.exports = function(deployer) {
+module.exports = function (deployer) {
   deployer.deploy(TodoList);
 };