front

frontend/frontend/package.json

@@ -6,8 +6,11 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "fontawesome-cli": "^1.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^4.4.0",
+    "react-media-recorder": "^1.6.6",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },
@@ -34,5 +37,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.12",
+    "postcss": "^8.4.17",
+    "tailwindcss": "^3.1.8"
   }
 }

frontend/frontend/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

frontend/frontend/src/App.js

@@ -1,13 +1,10 @@
-import logo from './logo.svg';
-import './App.css';
+import React, { Component } from "react";
+import Navbar from "./components/index";
 
-function App() {
-  return (
-    <div className="App">
-      <h6>cirtificate Name</h6>
-       <input type= 'pup-key' onChange={pupkey}></input>
-          </div>
-  );
+class App extends React.Component {
+  render() {
+    return <Navbar />;
+  }
 }
 
-export default App;
+export default App;