Merge pull request #59 from ES2-UFPI/henrique

recovering classes on database to frontend #48

server/src/index.ts

@@ -46,10 +46,10 @@ app.post('/createAvaliation', async (req: Request, res: Response) => {
 app.get('/getAvaliations', async (req: Request, res: Response) => {
   try {
     const Avaliations = await AvaliationModel.find();
-    res.status(200).json({ message: 'Form found successfully', Avaliations });
+    res.status(200).json({ message: 'Avaliations found successfully', Avaliations });
   } catch (error) {
     console.error(error);
-    res.status(500).json({ message: 'Error finding form' });
+    res.status(500).json({ message: 'Error finding Avaliations' });
   }
 });  
 
@@ -87,6 +87,16 @@ app.post('/createClass', async (req: Request, res: Response) => {
   }
 });
 
+app.get('/getClasses', async (req: Request, res: Response) => {
+  try {
+    const classes: IClass[] = await Class.find({});
+    res.status(200).json({ classes });
+  } catch (err) {
+    console.error(err);
+    res.status(500).send('Server error');
+  }
+});
+
 
 mongoose.connect(`${process.env.MONGO_URL}`).then(() => {
   console.log(`listening on port ${PORT}`);

vite-client/src/Pages/ViewClasses/index.tsx

@@ -1,7 +1,28 @@
+import { useEffect, useState } from 'react';
 import { Wrapper } from '../../styles/Layout'
 import { Classes } from './styles'
 
+interface iClasses {
+  _id: string;
+  className: string;
+  classSummary: string;
+}
+
 export function ViewClasses(){
+
+  const [classes, setClasses] = useState<iClasses[]>([]);
+
+  useEffect(() => {
+    const fetchForms = async () => {
+      const response = await fetch('http://localhost:3000/getClasses');
+      const data = await response.json();
+      console.log(data.classes);
+      setClasses(data.classes);
+    };
+    fetchForms();
+    console.log(classes);
+  }, []);
+
   return (
     <Classes>
       <Wrapper>