src/App.js

import React from 'react';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import SubmissionsPage from './components/SubmissionsPage';
import GradingResults from './components/GradingResults';
import GradingSystem from './components/GradingSystem';
import './App.css';

function App() {
  return (
    <Router>
      <div className="App">
        <Routes>
          <Route path="/" element={<GradingSystem />} />
          <Route path="/submissions" element={<SubmissionsPage />} />
          <Route path="/results" element={<GradingResults />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;