Documentation

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { AuthProvider } from './contexts/AuthContext';
import Header from './components/Header';
import Sidebar from './components/Sidebar';
import Dashboard from './pages/Dashboard';
import Students from './pages/Students';
import './assets/css/style.css';

function App() {
  return (
    
      
        

          

          

            
            

              
                } />
                } />
                } />
                } />
              
            
          
        
      
    
  );
}

export default App;

import React, { useState, useEffect } from 'react';
import { useApi } from '../hooks/useApi';
import './StudentList.css';

const StudentList = () => {
  const [students, setStudents] = useState([]);
  const { getStudents, loading, error } = useApi();

  useEffect(() => {
    const fetchStudents = async () => {
      const data = await getStudents();
      setStudents(data);
    };
    fetchStudents();
  }, []);

  if (loading) return 
Loading...
;
  if (error) return 
Error: {error}
;

  return (
    

      
Students
      

        {students.map(student => (
          

            
{student.name}
            
{student.email}
          
        ))}
      
    
  );
};

export default StudentList;

You can find the scripts in the package.json file. Here are the available commands:

Package.json Scripts Section:

"scripts": {
  "dev": "vite",
  "build": "vite build",
  "preview": "vite preview",
  "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0"
}