Green-sync · mitch1009 · Apr 22, 2023 · Apr 22, 2023 · Apr 22, 2023 · Apr 22, 2023
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "opher-4f2a6"
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,34 @@ node_modules
 .firebase
 lib
 .env
-agritech-project-cf36d-firebase-adminsdk-tushv-f181b44096.json
+lib/*
+lib/
+agritech-project-cf36d-firebase-adminsdk-tushv-f181b44096.json
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+*.log
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+
+pnpm i -D tailwindcss postcss autoprefixer
+pnpx tailwindcss init -p
diff --git a/Applications/client/.env.example b/Applications/client/.env.example
@@ -1,2 +1,11 @@
-PORT=4300
-HOST=0.0.0.0
+PORT=43000
+HOST=0.0.0.0
+
+VITE_REACT_FIREBASE_API_KEY=
+VITE_REACT_FIREBASE_AUTH_DOMAIN=
+VITE_REACT_FIREBASE_DATABASE_URL=
+VITE_REACT_FIREBASE_PROJECT_ID=
+VITE_REACT_FIREBASE_STORAGE_BUCKET=
+VITE_REACT_FIREBASE_MESSEGING_SENDER_ID=
+VITE_REACT_FIREBASE_APP_ID=
+VITE_REACT_GRAPHQL_URL=
diff --git a/Applications/client/.gitignore b/Applications/client/.gitignore
@@ -6,7 +6,7 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
-
+*.log
 node_modules
 dist
 dist-ssr
@@ -22,3 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+
+pnpm i -D tailwindcss postcss autoprefixer
+pnpx tailwindcss init -p
diff --git a/Applications/client/index.html b/Applications/client/index.html
@@ -1,13 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+    integrity="sha512-N9XaASe+i+0Z0JsmZSfL8fkHdT95TREw78mqcqTIdyLPJ9lBL0sNOIM+vQkDgA0Ll8HQOKHhJ1hy2gMyyo/6Q=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
+
+  <title>Vite + React + TS</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/Applications/client/package.json b/Applications/client/package.json
@@ -11,20 +11,26 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.12",
+    "@heroicons/react": "^2.0.17",
+    "firebase": "^9.20.0",
     "graphql": "^16.6.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.10.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.57.1",
     "@typescript-eslint/parser": "^5.57.1",
     "@vitejs/plugin-react": "^4.0.0-beta.0",
+    "autoprefixer": "^10.4.14",
     "eslint": "^8.38.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
+    "postcss": "^8.4.23",
+    "tailwindcss": "^3.3.1",
     "typescript": "^5.0.2",
     "vite": "^4.3.0"
   }
-}
+}
diff --git a/Applications/client/postcss.config.js b/Applications/client/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/Applications/client/src/App.css b/Applications/client/src/App.css
diff --git a/Applications/client/src/App.tsx b/Applications/client/src/App.tsx
@@ -1,38 +1,19 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
-
+import { Routes, Route} from "react-router-dom"
+import ErrorPage from "./pages/errorPage"
+import LoginPage from "./pages/loginPage"
+import DashboardPage from "./pages/dashboard"
+import { SignUp } from "./pages/signUpPage"
+import {env} from "./utils"
 function App() {
-  const [count, setCount] = useState(0)
-
+console.log(env)
   return (
     <>
-      {/* 
-      TODO: Implement functionality for the website 
-      labels: testing
-      assignees: mitch1009
-      */}
-      <div>
-        <a href="https://vitejs.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
+<Routes>
+  <Route index path="/" element={<LoginPage/>}/>
+  <Route path="/signUp" element={<SignUp />} />
+  <Route path="/dashboard" element={<DashboardPage/>}/>
+  <Route path="*" element={<ErrorPage/>}/>
+</Routes>
     </>
   )
 }

diff --git a/Applications/client/src/assets/react.svg b/Applications/client/src/assets/react.svg
diff --git a/Applications/client/src/components/profile.tsx b/Applications/client/src/components/profile.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const profile = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default profile
diff --git a/Applications/client/src/components/sideBar.tsx b/Applications/client/src/components/sideBar.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const sideBar = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default sideBar
diff --git a/Applications/client/src/firebase/firebase.ts b/Applications/client/src/firebase/firebase.ts
@@ -0,0 +1,59 @@
+import {
+  signInWithEmailAndPassword,
+  signInWithPopup,
+  GoogleAuthProvider,
+  FacebookAuthProvider,
+  createUserWithEmailAndPassword,
+} from "firebase/auth";
+import { SocialProviders, UserDetails } from "./firebaseInterfaces";
+import {auth} from "../utils";
+import firebase from 'firebase/app';
+
+// const auth = getAuth();
+
+const LoginnWithEmailAndPassword = async (data: UserDetails, auth: any) => {
+  // {email, password, fullname}
+  try {
+    const { email, password } = data;
+    await signInWithEmailAndPassword(auth, email, password);
+    return true;
+  } catch (error) {
+    return error;
+  }
+};
+
+// union type
+const SocialLogin = async (provider: SocialProviders,auth:any) => {
+  // TODO: implement this method
+  const providers = {
+    google: new GoogleAuthProvider(),
+    facebook: new FacebookAuthProvider(),
+  }
+  await signInWithPopup(auth, providers[provider as SocialProviders]);
+};
+
+const CreateUserAccount = async (data: UserDetails) => {
+  try {
+    const {email, password, firstName, lastName, farmType } = data;
+    await createUserWithEmailAndPassword(auth, email, password)
+      .then((userCredential) => {
+        const user = userCredential.user;
+        // const uid = user.uid;
+
+        // // Add more data to the user in the Realtime Database
+        // const databaseRef = firebase.database().ref(``);
+        // const userData = { email, firstName, lastName, farmType };
+        // databaseRef.set(userData);
+
+        // console.log('User signed up:', user);
+      })
+      .catch((error) => {
+        console.error('Error signing up:', error);
+      });
+    return true
+  } catch (error) {
+    return error;
+  }
+}
+
+export { LoginnWithEmailAndPassword, SocialLogin, CreateUserAccount };
diff --git a/Applications/client/src/firebase/firebaseInterfaces.ts b/Applications/client/src/firebase/firebaseInterfaces.ts
@@ -0,0 +1,16 @@
+export interface UserDetails{
+    email: string;
+    password: string;
+    lastName: string;
+    firstName: string;
+    farmType: string;
+}
+
+export interface Socials{
+    name: string;
+    icon: string;
+
+}
+
+
+export declare type SocialProviders = "google" | "facebook" 
diff --git a/Applications/client/src/firebase/index.ts b/Applications/client/src/firebase/index.ts
@@ -0,0 +1,2 @@
+export * from "./firebase"
+export * from "./firebaseInterfaces"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export * from "./firebase"
		export * from "./firebaseInterfaces"