save

code/frontend/src/App.tsx

@@ -9,13 +9,13 @@ import "./App.css";
 import "./styles/colors.css";
 import "./styles/fonts.css";
 import "./styles/sizes.css";
-import Footer from "./components/Footer";
+import Footer from "./components/footer/Footer";
 import Header from "./components/Header";
 import Profile from "./pages/Profile";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { Auth } from "./api/Auth";
 import { NotFound } from "./pages/404Page/NotFoundPage";
-
+import Feed from './components/feed/Feed';
 
 function App() {
   return (

code/frontend/src/components/feed/Feed.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from "react";
-import TestPost from "../TestPost";
+import TestPost from "../../TestPost";
 import "./feed.css";
 import Post from "../Post";
 

code/frontend/src/components/header/Header.tsx

@@ -0,0 +1,17 @@
+import "./header.css";
+
+
+function Header() {
+
+  return (
+      <header className="base-header">
+        <div className="base-header-icon"> <img src='/assets/icons/feather_black.svg' alt="featherIcon" /> </div>
+        <p className="header-title small-title">
+          Feather Feed
+        </p>
+        <div className="base-header-icon"> <img src="/assets/icons/three_menu_stripes_black.svg" alt="menuIcon" /> </div>
+      </header>
+  );
+}
+
+export default Header;

code/frontend/src/footer/Footer.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import "./footer.css";
-
-function Footer() {
-
-    
-
-  return (
-    <footer className="footer">
-      <div className="footer-left">
-        <a href="" className="footer-link feather">
-          <img src="/assets/icons/feather_black.svg" alt="Feather icon" />
-          <span>Feather Feed</span>
-        </a>
-        <a href="https://github.com/bubblecup-12/VogelSocialMedia" target="_blank " className="footer-link github">
-          <img src="/assets/icons/github-mark.svg" alt="GitHub mark" />
-          
-          <img src="/assets/icons/GitHub_Logo.png" alt="GitHub logo" />
-        </a>
-      </div>
-
-      <div className="footer-right">
-    
-          <a className="footer-link" href="#">Home</a>i
-          <a className="footer-link" href="#">About</a>
-          <a className="footer-link" href="#">Login</a>
-          <a className="footer-link" href="#">Sign up</a>
-          <a className="footer-link" href="#">Create Post</a>
-          <a className="footer-link" href="#">Feed</a>
-       
-      </div>
-    </footer>
-  );
-}
-
-export default Footer;