Riya

client/package.json

@@ -7,13 +7,15 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "express": "^4.18.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-scripts": "^2.1.3",
+    "react-scripts": "5.0.1",
+    "react-static-google-map": "^0.9.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts --openssl-legacy-provider start",
+    "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

client/src/App.css

@@ -36,3 +36,24 @@
     transform: rotate(360deg);
   }
 }
+
+.my-form{
+    color: #61dafb;
+}
+/* #wrap {
+  width: 750px;
+  height: 1500px;
+  padding: 0;
+  overflow: hidden;
+} */
+
+.scaled-frame {
+   width: 750px;
+  height: 1500px; 
+  padding: 0;
+  overflow: hidden;
+  /* width: 1000%;
+  height: 1000%;
+  border: 100px; */
+}
+

client/src/App.js

@@ -1,29 +1,43 @@
-import logo from './logo.svg';
-import React from "react";
 import './App.css';
+import React, { useEffect, useState } from "react";
 
-function App() {
-  const [data, setData] = React.useState(null);
-
-  React.useEffect(() => {
-    fetch("/api")
-    .then((res) => res.json())
-    .then((data) => setData(data.message));
-    }, []);
-
-     return (
-    <div className="App">
-      <header className="App-header">
-        <p>Plannect!!</p>
-        <p>this is our website</p>
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-         {!data ? "Loading...": data}
-        </p>
-
-      </header>
-    </div>
+function App() { 
+
+  const [user, setUser] = useState([]);
+
+
+  const fetchAutoCodeData= async() => {
+    return await fetch("https://riyapatel.api.stdlib.com/plannect@dev/")
+          .then((response) => response.json())
+          .then((data) => setUser(data));
+
+  }
+
+  useEffect(() => {
+    fetchAutoCodeData();
+
+  },[])
+
+  return (
+
+    <main>
+  <p>Welcome To Plannect</p>
+
+    <iframe 
+        src="https://jpywnvxt6c4.typeform.com/to/i7hFvACI"
+       ></iframe> 
+
+      <p>
+        Similar Interests:
+       {user.choices[0].text}
+      </p>
+      <p>Find People Near You:</p>  
+      <img src="https://api.mapbox.com/styles/v1/mapbox/navigation-night-v1/static/-79.467728,43.771912,13,0,60/1200x500?access_token=pk.eyJ1Ijoicml5YXBwMjUiLCJhIjoiY2wyd2s0MnViMG1kbTNsbXZxdmdwd2RiaCJ9.OiS4eMrR0nGsrj_oaKVdmQ"></img>
+
+    </main>
   );
-}
 
+        }
 export default App;
+
+

client/src/index.js

@@ -1,3 +1,4 @@
+
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';

package.json

@@ -19,6 +19,7 @@
   },
   "homepage": "https://github.com/riyapatel25/plannect#readme",
   "dependencies": {
+    "@typeform/embed-react": "^2.15.0",
     "express": "^4.18.2",
     "prettier": "^2.8.4"
   }

server/index.js

@@ -1,11 +1,26 @@
 
-const express = require("express");
-const PORT = process.env.PORT || 3000;
-const app = express();
-
-app.get("/api",(req, res) =>{
-    res.json({message: "PLANNECT!"});
-});
-app.listen(PORT, () => {
-    console.log("server listening")
+import Express from 'express'
+
+const app = Express();
+
+import userRoutes from "./users"
+
+app.use("/api/users", userRoutes)
+
+
+app.listen(3000, () =>{
+  console.log('working!')
 })
+
+
+
+// / const express = require("express");
+// const PORT = process.env.PORT || 3000;
+// const app = express();
+
+// app.get("/api",(req, res) =>{
+//     res.json({message: "PLANNECT!"});
+// });
+// app.listen(PORT, () => {
+//     console.log("server listening")
+// })

server/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "server",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node index.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module"
+}

server/routes/users.js

@@ -0,0 +1,10 @@
+import express from 'express'
+
+const router = express.Router()
+
+
+router.get("/test",(req, res) =>{
+    res.send("yay it works!")
+})
+
+export default router