Refactoring files structure of project

Author: zafeirisdimi

db.json

@@ -6,32 +6,32 @@
       "github": "https://github.com/ssoc2dzafeiris",
       "email": "kremou115@gmail.com",
       "linkedin": "https://www.linkedin.com/in/dimizafe/",
-      "bio": "Full Stack development",
+      "bio": "A passionate Software Developer from Greece, with experience in Web technologies.",
       "title": "Junior Software Developer"
     },
     {
       "fname": "Stelios",
       "lname": "Katsaberis",
       "github": "https://github.com/ssoc2skatsaberis",
-      "email": "",
+      "email": "katsaberisst@hotmail.com",
       "linkedin": "https://www.linkedin.com/in/stelios-katsaberis-a8b03737/",
       "bio": "",
-      "title": "Information Technology Teacher at Fasma, private cram school"
+      "title": "Information Technology Teacher"
     },
     {
       "fname": "Nikolaos",
       "lname": "Katsafados",
       "github": "https://github.com/ssoc2nkatsafados",
-      "email": "",
+      "email": "nikoskatsaphados@gmail.com",
       "linkedin": "https://www.linkedin.com/in/nikos-katsafados/",
-      "bio": "",
-      "title": "Aspiring Web Developer"
+      "bio": "Historian graduate with passion for technology and Web Development. Ι'm seeking to leverage my technical skills and i have a strong desire to learn more in the development of web application",
+      "title": "Web Developer"
     },
     {
       "fname": "Nikos",
       "lname": "Petrolis",
-      "github": "https://github.com/ssoc2npetrolis",
-      "email": "",
+      "github": "github.com/npetrolis",
+      "email": "npetrolis@gmail.com",
       "linkedin": "https://www.linkedin.com/in/nikospetrolis/",
       "bio": "",
       "title": "Aspiring Web Developer"

src/components/App.js renamed to src/App.js

@@ -1,11 +1,15 @@
 import { BrowserRouter, Routes, Route } from "react-router-dom"
-import Dashboard from "./Dashboard"
-import Cards from "./cards"
-import AddNewCourse from "./AddNewCourse"
-import About from './About'
-import Error from "./ErrorPage";
-import SharedLayout from "./SharedLayout"
-import CourseDetails from './CoursePractisePage';
+
+// imported all the basics pages
+import Dashboard from "./Pages/Dashboard";
+import Cards from "./Pages/cards";
+import AddNewCourse from "./Pages/AddNewCourse";
+import About from './Pages/About';
+import Error from "./Pages/ErrorPage";
+import CourseDetails from './Pages/CourseDetails';
+
+// import the shared layout component
+import SharedLayout from "./Layout/SharedLayout";
 
 
 const App = () => {

src/components/Footer.js renamed to src/Layout/Footer.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Outlet } from 'react-router-dom';
-import Navbar from './Navbar';
+import Navbar from './Layout/Navbar';
 import PageFooter from "./Footer"
 
 export default function SharedLayout(){

src/components/Navbar.js renamed to src/Layout/Navbar.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import {Link} from 'react-router-dom';
+import TeamSection from './Team';
+
+export default function About(){
+    return(
+        <div className="container mt-2 bg-white text-slate-700 flex flex-wrap items-center px-5 mx-auto">
+             <div className="flex flex-col">
+                <Link to='/' className='text-black-50 px-2 col-md-5'>Back | <i className="fa fa-home-alt"></i></Link>
+            </div>
+            <section className='flex flex-col'>
+            <h1>About our project</h1>
+            <p>
+                Στα πλαίσια του προγράμματος Start School of Code της Socialinov Front End Development, στην ομάδα μας τέθηκε ως εργασία η εξής εργασία¨
+                <br/>
+                <ul>
+                    <li></li>
+                </ul>
+                </p>
+            </section>
+           
+            <TeamSection />
+            </div>
+    )
+}

src/components/SharedLayout.js renamed to src/Layout/SharedLayout.js

@@ -4,12 +4,11 @@ import LoadingSpinner from './LoadingSpinner';
 
 import Buttons from "./buttons";
 
-export default function CoursePractisePage(){
+export default function CourseDetails(){
 
     const API = 'http://localhost:3001/courses/';
     const params = useParams();
     const [course,setCourse]= useState(null);
-    const [isLoading, setIsLoading] = useState(false);
     // const navigate = useNavigate();
 
     const fetchDetails = () =>{
@@ -26,14 +25,11 @@ export default function CoursePractisePage(){
     }
     useEffect(()=>{
         fetchDetails()
-        // .then(navigate("/courses/01"))
     },[]);
 
 
     if (!course) {
-        return(
-            <div><LoadingSpinner/></div>
-        );
+        return(<div><LoadingSpinner/></div>);
     }else{
         return(
             <>

src/Pages/About.js

@@ -1,7 +1,7 @@
 import React from "react";
-import Stats from "./Stats";
-import Welcome from "./Welcome";
-import CourseTable from "./CourseTable";
+import Stats from "./components/Others/Stats";
+import Welcome from "./components/Others/Welcome";
+import CourseTable from "./components/Others/CourseTable";
 
 export default function Dashboard() {