App.js

import {Route, Routes} from 'react-router-dom';

import Heading from './components/Heading';
import TaskForm from './components/TaskForm';
import TaskList from './components/TaskList';

import {ContextProvider} from './context/GlobalState';

import './App.css';

function App() {
  return (
    <div>
      <div className="h-screen text-white text-center p-10">
        <div className="container mx-auto h-full">
          <ContextProvider>
            <Heading/>
            <Routes>
              <Route path='/' element={<TaskList />} />
              <Route path='/add' element={<TaskForm/>} />
              <Route path='/edit/:id' element={<TaskForm/>} />
            </Routes>
            </ContextProvider>
        </div>
      </div>
    </div>
  );
}

export default App;