front end established

package.json

@@ -0,0 +1,38 @@
+{
+  "name": "9.6_capstone-team-3-frontend",
+  "version": "1.0.0",
+  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
+  "main": "index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "axios": "^0.21.4",
+    "cors": "^2.8.5",
+    "dotenv": "^16.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.18.0",
+    "react-scripts": "^5.0.1"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

src/App.js

@@ -7,14 +7,14 @@ import Home from './pages/Home';
 import About from './pages/About';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';
-import Heeader from './components/Header'
-import SignupLogin from '../pages/SignupLogin';
-import AllEvents from '../pages/AllEvents';
-import CurrentEvent from '../pages/CurrentEvent';
-import Gallery from '../pages/Gallery';
-import Profile from '../pages/Profile';
-import Account from '../pages/Account';
-import PageNotFound from "../pages/PageNotFound"; 
+import Header from './components/Header'
+import SignupLogin from './pages/SignupLogin';
+import AllEvents from './pages/AllEvents';
+import CurrentEvent from './pages/CurrentEvent';
+import Gallery from './pages/Gallery';
+import Profile from './pages/Profile';
+import Account from './pages/Account';
+import PageNotFound from "./pages/PageNotFound"; 
 
 function App() {
   return (
@@ -24,6 +24,7 @@ function App() {
       <Router>
         <Navbar />
         <main>
+          <Header/>
           <Routes>
             <Route path="/" element={ <Home />} />
             <Route path="/about" element = { <About /> } />
@@ -37,6 +38,7 @@ function App() {
             <Route path="*" element = { <PageNotFound /> } />
           </Routes>
         </main>
+        <Footer/>
       </Router>
 
     </div>

src/components/Footer.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Footer() {
+  return (
+    <div>Footer</div>
+  )
+}
+
+export default Footer

src/components/Header.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Header() {
+  return (
+    <div>Header</div>
+  )
+}
+
+export default Header

src/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
+
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
@@ -14,4 +14,4 @@ root.render(
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+

src/pages/About.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function About() {
+  return (
+    <div>About</div>
+  )
+}
+
+export default About

src/pages/Account.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Account() {
+  return (
+    <div>Account</div>
+  )
+}
+
+export default Account

src/pages/AllEvents.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function AllEvents() {
+  return (
+    <div>AllEvents</div>
+  )
+}
+
+export default AllEvents

src/pages/CurrentEvent.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function CurrentEvent() {
+  return (
+    <div>CurrentEvent</div>
+  )
+}
+
+export default CurrentEvent

src/pages/Gallery.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Gallery() {
+  return (
+    <div>Gallery</div>
+  )
+}
+
+export default Gallery

pages/Index.js → src/pages/Index.js

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 
+
 ReactDOM.render(
   <BrowserRouter>
     <App />

src/pages/PageNotFound.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function PageNotFound() {
+  return (
+    <div>PageNotFound</div>
+  )
+}
+
+export default PageNotFound

src/pages/Profile.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Profile() {
+  return (
+    <div>Profile</div>
+  )
+}
+
+export default Profile

src/pages/SignupLogin.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function SignupLogin() {
+  return (
+    <div>SignupLogin</div>
+  )
+}
+
+export default SignupLogin