{name}
{value}
{firstName} {lastName}
{assignment.description}
({q:"", a:""}); 26 | const { login, user } = useAuth(); 27 | const navigate = useNavigate(); 28 | useEffect(() => { 29 | //Fetch random quote 30 | async function fetchQuote(){ 31 | const res = await axios.get('http://localhost:4000/quote'); 32 | const data = res.data; 33 | console.log(data); 34 | setQuote(data); 35 | } 36 | fetchQuote(); 37 | //If the user is authenticated then send them to the class dashboard 38 | if(user){ 39 | navigate('/class'); 40 | } 41 | },[user,navigate]); 42 | 43 | const handleLogin = async (e: React.FormEvent) => { 44 | e.preventDefault(); 45 | const res = await axios.post("http://localhost:4000/login", { 46 | username: userName, 47 | password: password, 48 | }); 49 | const data = res.data; 50 | const user: User = data.user; 51 | console.log(user); 52 | if (user) { 53 | login(user); 54 | } else { 55 | alert(data); 56 | } 57 | }; 58 | 59 | 60 | return ( 61 | 62 | Login 63 | "{quote.q}" - {quote.a} 64 | 65 | 66 | Username: 67 | setUsername(e.target.value)} 72 | /> 73 | 74 | 75 | Password: 76 | setPassword(e.target.value)} 81 | /> 82 | 83 | 84 | Login 85 | 86 | 87 | 88 | ); 89 | }; 90 | -------------------------------------------------------------------------------- /src/pages/Student.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export const Student = () => { 4 | return ( 5 | Student 6 | ) 7 | } 8 | -------------------------------------------------------------------------------- /src/pages/StudentList.tsx: -------------------------------------------------------------------------------- 1 | import {useState, useEffect} from 'react' 2 | import axios from 'axios'; 3 | import { useAuth } from '../hooks/useAuth'; 4 | import { StudentCard } from '../components/StudentCard/StudentCard'; 5 | axios.defaults.withCredentials = true; 6 | //REMINDER TO STORE THESE TYPES AND INTERFACES IN ANOTHER FILE TO REDUCE REDUNDANCY 7 | type Student = { 8 | firstName:string, 9 | lastName:string, 10 | _id: string 11 | } 12 | 13 | export const StudentList = () => { 14 | const [students, setStudents] = useState([]); 15 | const {user} = useAuth(); 16 | useEffect(() => { 17 | async function fetchStudents(){ 18 | if(user){ 19 | const res = await axios.get(`http://localhost:4000/user/students/${user._id}`); 20 | const data = res.data; 21 | setStudents(data); 22 | } 23 | } 24 | fetchStudents(); 25 | }, [user]); 26 | 27 | return ( 28 | 29 | { 30 | students.map((student) => ) 31 | } 32 | 33 | ) 34 | } 35 | -------------------------------------------------------------------------------- /src/pages/Submission.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export const Submission = () => { 4 | return ( 5 | Submission 6 | ) 7 | } 8 | -------------------------------------------------------------------------------- /src/pages/SubmissionList.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export const SubmissionList = () => { 4 | return ( 5 | SubmissionList 6 | ) 7 | } 8 | -------------------------------------------------------------------------------- /src/services/dac-api.ts: -------------------------------------------------------------------------------- 1 | 2 | interface Assignment { 3 | tutorId: string, 4 | questions: { 5 | _id: string, 6 | problem: string 7 | answer: string, 8 | choices: string[] 9 | } [], 10 | dueDate: string, 11 | classId: string, 12 | name: string, 13 | description: string, 14 | totalPoints: number 15 | } 16 | 17 | 18 | 19 | const url = `http://localhost:4000`; 20 | 21 | export const getAssignment = async (id : string) : Promise => { 22 | const res = await fetch(`${url}/assignment/${id}`); 23 | const data : Assignment = await res.json(); 24 | return data; 25 | } 26 | 27 | -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2020", 4 | "useDefineForClassFields": true, 5 | "lib": ["ES2020", "DOM", "DOM.Iterable"], 6 | "module": "ESNext", 7 | "skipLibCheck": true, 8 | 9 | /* Bundler mode */ 10 | "moduleResolution": "Bundler", 11 | "allowImportingTsExtensions": true, 12 | "isolatedModules": true, 13 | "moduleDetection": "force", 14 | "noEmit": true, 15 | "jsx": "react-jsx", 16 | 17 | /* Linting */ 18 | "strict": true, 19 | "noUnusedLocals": true, 20 | "noUnusedParameters": true, 21 | "noFallthroughCasesInSwitch": true, 22 | "noUncheckedSideEffectImports": true 23 | }, 24 | "include": ["src"] 25 | } 26 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": [], 3 | "references": [ 4 | { "path": "./tsconfig.app.json" }, 5 | { "path": "./tsconfig.node.json" } 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2022", 4 | "lib": ["ES2023"], 5 | "module": "ESNext", 6 | "skipLibCheck": true, 7 | 8 | /* Bundler mode */ 9 | "moduleResolution": "Bundler", 10 | "allowImportingTsExtensions": true, 11 | "isolatedModules": true, 12 | "moduleDetection": "force", 13 | "noEmit": true, 14 | 15 | /* Linting */ 16 | "strict": true, 17 | "noUnusedLocals": true, 18 | "noUnusedParameters": true, 19 | "noFallthroughCasesInSwitch": true, 20 | "noUncheckedSideEffectImports": true 21 | }, 22 | "include": ["vite.config.ts"] 23 | } 24 | -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | --------------------------------------------------------------------------------
"{quote.q}" - {quote.a}