[ Code Refactored]

Frontend/src/App.js

@@ -5,12 +5,8 @@ import "react-datepicker/dist/react-datepicker.css";
 import './App.css';
 import axios from 'axios';
 
-// import SubmitForm from './components/SubmitForm';
 import SearchForm from './components/SearchForm';
-// import TodoList from './components/TodoList';
 import Home from './components/Home';
-// import Todo from './components/Todo';
-// import Header from './components/Header';
 class App extends React.Component {
   state = {
     tasks: []
@@ -46,7 +42,7 @@ class App extends React.Component {
         break;
       }
     }
-    
+
     if( pos === -1) return;
     newArr[pos].name = task.name;
     newArr[pos].startDate = task.startDate;

Frontend/src/components/Header.js

 import React from 'react';
-// import ReactDOM from 'react-dom';
-// import App from '../App';
+
  const Header = (props) => {
     return(
       <div className='card-header'>

Frontend/src/components/Home.js

 import React from 'react';
-// import ReactDOM from 'react-dom';
 import { Button } from 'antd';
 
 import { Link, withRouter } from 'react-router-dom';
 import "react-datepicker/dist/react-datepicker.css";
 import axios from 'axios';
 import SubmitForm from './SubmitForm';
-// import SearchForm from './SearchForm';
 import TodoList from './TodoList';
-// import Todo from './Todo';
-// import TodoApp from './Todo';
 import Header from './Header';
 class Home extends React.Component {
   state = {

Frontend/src/components/SearchForm.js

@@ -4,7 +4,6 @@ import axios from 'axios';
 
 import {Link, withRouter } from 'react-router-dom';
 import TodoList from './TodoList';
-// import App from '../App';
 
 class SearchForm extends Component{
     state = {

Frontend/src/components/SubmitForm.js

 import React from 'react';
-// import ReactDOM from 'react-dom';
-// import App from '../App';
 
 class SubmitForm extends React.Component {
     state = { name: '',

Frontend/src/components/Todo.js

 import React, { Component } from 'react';
-// import ReactDOM from 'react-dom';
-// import App from '../App';
+
 class Todo extends Component {
   constructor(props) {
     super(props);

Frontend/src/index.js

@@ -4,7 +4,6 @@ import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 import {BrowserRouter} from "react-router-dom";
-// var destination = document.querySelector("#container");
 
 ReactDOM.render(
   <React.StrictMode>