adding scaffolding files for getting it going

Author: Jack-kelly-22

dao-frontend/Wrapper.js

@@ -4,7 +4,7 @@ import Home from './pages/Home';
 import Navbar from './components/Navbar';
 import {Routes, Route, BrowserRouter} from 'react-router-dom';
 import {useState} from 'react';
-
+import {home_page_data} from './home_page_data';
 export default function Wrapper(){
     return(
 
@@ -16,7 +16,7 @@ export default function Wrapper(){
           {/* HOME PAGE */}
           <Route path="/" element={<Home/>} />
           <Route path="/home" element={<Home/>} />
-          <Route path="/app" element={<App />} />
+          <Route path="/app" element={<App {...home_page_data} />} />
 
         </Routes>
       </BrowserRouter>

dao-frontend/home_page_data.js

@@ -0,0 +1,9 @@
+const home_page_data = {
+    "title": "Mustang DAO",
+    "description": "The Mustang DAO is a decentralized autonomous organization that is democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democratically democraticallydemocraticy.",
+    "image": "https://i.imgur.com/QJFQZ.png",
+    // "link": "https://www.mustangdao.com",
+}
+
+export default home_page_data;
+

dao-frontend/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "dao-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.1.1",
+    "@testing-library/user-event": "^13.5.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-scripts": "5.0.1",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

dao-frontend/src/components/Logo.js

@@ -0,0 +1,7 @@
+export default function Logo() {
+    return (
+        <div className="text-3xl flex flex-row">
+            <p>Mustang</p>
+            <p className="text-teal1 ">DAO</p>
+        </div>)
+};

dao-frontend/src/components/Navbar.js

@@ -7,18 +7,12 @@ const nav_items = [
         name: 'Home',
         path: '/'
     },
+
     {
-        name: 'About',
-        path: '#features',
-    },
-    {
-        name: 'docs',
-        path: '/docs',
+        name: 'App',
+        path: '/app',
     },
-    // {
-    //     name: 'FAQ',
-    //     path: '#faq',
-    // }
+
 ];
 
 
@@ -31,7 +25,7 @@ export default function Navbar(props) {
     return (
         <nav className=" px-2 sm:px-4 py-2.5 text-white">
             <div className="container flex flex-wrap justify-between items-center mx-auto">
-                <a href="https://seam.money" className="flex items-center">
+                <a href='/app' className="flex items-center">
                     <Logo/>
                 </a>
                 <button data-collapse-toggle="mobile-menu" type="button" onClick={() => toggle()} className="inline-flex items-center p-2 ml-3 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu" aria-expanded="false">

dao-frontend/src/pages/Home.js

@@ -0,0 +1,8 @@
+// create a home page with the info about the dao 
+
+export default function Home(props) {
+    return (
+        <div className="container">
+            <p></p>
+        </div>);
+}

dao-frontend/tailwind.config.js

@@ -0,0 +1,44 @@
+module.exports = {
+	content: ['./src/**/*.{js,jsx}', './public/index.html'],
+	theme: {
+		screens: {
+			sm: '480px',
+			md: '768px',
+			lg: '976px',
+			xl: '1440px',
+		},
+		colors: {
+			yellow1: '#20FFFF',
+			yellow2 :'#222642',
+			yellow3: '#ff49db',
+			green1: '#391A51',
+			green2: '#734C92',
+			green3: '#34eb3d',
+			darkBlue1: '#ffffff',
+			darkBlue2: '#FFF620',
+			darkBlue3: '#8492a6',
+			blac: '#000000',
+		},
+		
+		fontFamily: {
+			Poppins: ['Poppins', 'sans-serif'],
+			// sans: ['Graphik', 'sans-serif'],
+			// PUT SOME cool fonts here
+		},
+
+		extend: {
+			spacing: {
+				128: '32rem',
+				144: '36rem',
+			},
+			borderRadius: {
+				'4xl': '2rem',
+			},
+			backgroundImage: {
+				
+			},
+
+		},
+	},
+	plugins: [require('daisyui')],
+};