Firebase

gatorconnect/package.json

@@ -3,9 +3,12 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.7.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.27.0",

gatorconnect/src/.vs/VSWorkspaceState.json

@@ -1,4 +1,9 @@
 {
-  "ExpandedNodes": [],
+  "ExpandedNodes": [
+    "",
+    "\\components",
+    "\\components\\pages"
+  ],
+  "SelectedNode": "\\App.js",
   "PreviewInSolutionExplorer": false
 }

gatorconnect/src/App.js

@@ -9,12 +9,16 @@ import SignUp from './components/pages/SignUp.js';
 import Team from './components/pages/Team.js';
 import Mission from './components/pages/Mission.js';
 import Profile from './components/pages/Profile.js';
+import AddPostPage from './components/pages/AddPostPage.js';
+import ListingDetail from './components/pages/ListingDetails';
+import DevMess from './components/pages/DevMess.js';
 
 function App() {
     return (
         <>
             <Router>
                 <Navbar />
+                <div className="page-container"> {/* Add this div to wrap content */}
                 <Routes>
                     <Route path='/' element={<Home />} />
                     <Route path='/services' element={<Services />} />
@@ -23,7 +27,11 @@ function App() {
                     <Route path='/team' element={<Team />} />
                     <Route path='/mission' element={<Mission />} />
                     <Route path='/profile' element={<Profile />} />
-                </Routes>
+                    <Route path='/add-post' element= {<AddPostPage/>} />
+                    <Route path='/listing/:id' element={<ListingDetail />} />
+                    <Route path='/devMessaging/' element={<DevMess />}/>
+                    </Routes>
+                </div>
             </Router>
         </>
     );

gatorconnect/src/components/Navbar.js

@@ -2,6 +2,8 @@ import React, { useState, useEffect } from 'react';
 import { Button } from './Button';
 import { Link } from 'react-router-dom';
 import './Navbar.css';
+import { user } from './/pages/SignUp.js'
+
 
 function Navbar() {
     const [click, setClick] = useState(false);
@@ -61,7 +63,7 @@ function Navbar() {
                     {button && <Button buttonStyle='btn--outline'>SIGN UP</Button>}
                     <Link to='/profile' className='profile-icon'>
                         <img
-                            src='images/profileicon.png'
+                            src={localStorage.profilepic}
                             alt='Profile'
                             className='profile-icon-img'
                         />

gatorconnect/src/components/pages/AddPost.css

@@ -0,0 +1,68 @@
+
+.page{
+    background-color: #EEF2FF;
+}
+
+.container{
+    margin: auto;
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+    max-width: 42rem;
+}
+
+.box{
+padding-left: 1.5rem;
+padding-right: 1.5rem; 
+padding-top: 2rem;
+padding-bottom: 2rem; 
+margin: 1rem; 
+margin-bottom: 1rem; 
+border-radius: 0.375rem; 
+border-width: 1px; 
+background-color: #ffffff; 
+box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 
+
+@media (min-width: 768px) { 
+  margin: 0; 
+ }
+}
+
+.addPostTxt{
+margin-bottom: 1.5rem; 
+font-weight: 600; 
+text-align: center; 
+}
+
+.space{
+    margin-bottom: 1rem; 
+}
+
+.title{
+display: block; 
+margin-bottom: 0.5rem; 
+font-weight: 700; 
+color: #374151; 
+}
+
+.text{
+padding-top: 0.5rem;
+padding-bottom: 0.5rem; 
+padding-left: 0.75rem;
+padding-right: 0.75rem;
+margin-bottom: 0.5rem; 
+border-radius: 0.25rem; 
+border-width: 1px; 
+width: 100%; 
+}
+
+.post-button{
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem; 
+    padding-left: 1rem;
+    padding-right: 1rem; 
+    border-radius: 9999px; 
+    width: 100%; 
+    font-weight: 700; 
+    color: #ffffff; 
+    background-color: #0021A5;
+}