Merge pull request #57 from mlscvitpune/31_fetchProjectAPI

feat:  integrated fetch projects

frontend/package.json

@@ -8,6 +8,7 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
+    "axios": "^1.2.2",
     "framer-motion": "^4",
     "lorem-ipsum": "^2.0.4",
     "node-sass": "^6.0.1",

frontend/src/pages/Projects/Projects.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import EventBlogProjectMainSection from '../../components/EventBlogProjectMainSection/EventBlogProjectMainSection';
 import { Box, Flex, Text } from '@chakra-ui/react';
 
@@ -8,7 +8,30 @@ import Data from './Data';
 import ProjectSectionLeft from '../../components/ProjectSections/ProjectSectionLeft';
 import ProjectSectionRight from '../../components/ProjectSections/ProjectSectionRight';
 
+import axiosInstance from '../../utils/axiosInstance';
+
 const Projects = () => {
+
+  const [projects, setProjects] = useState([])
+
+  useEffect(() => {
+    const fetchProjects = async () => {
+      await axiosInstance.get("/api/projects/getProjects").then((res) => {
+        if (res.status === 200)
+          setProjects(res.data.data);
+      })
+    }
+    fetchProjects();
+    console.log(projects);
+  },[]);
+
+  const fetchProject = async (id) => {
+    await axiosInstance.get(`/api/projects/getProject/${id}`).then((res) => {
+      if (res.status === 200)
+        return res.data.data;
+    })
+  }
+
   return (
     <>
       <EventBlogProjectMainSection

frontend/src/utils/axiosInstance.js

@@ -0,0 +1,7 @@
+import axios from 'axios'
+
+const axiosInstance = axios.create({
+    baseURL: 'http://localhost:5001'
+});
+
+export default axiosInstance