feature#project management

client/.env.sample

@@ -1 +1 @@
-REACT_APP_BASE_URL=http://localhost:8001.com/
+REACT_APP_BASE_URL=http://localhost:4000/

client/package.json

@@ -1,10 +1,14 @@
 {
-  "name": "OpenAIframework",
-  "version": "0.1.0",
+  "name": "react",
+  "version": "18.3.1",
   "private": true,
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@googleapis/docs": "^3.0.2",
+    "@mui/icons-material": "^6.3.0",
+    "@mui/material": "^6.3.0",
     "@react-oauth/google": "^0.12.1",
     "@rpldy/uploader": "^1.8.1",
     "@testing-library/jest-dom": "^5.16.4",
@@ -17,12 +21,15 @@
     "bootstrap-icons": "^1.9.1",
     "browserify-zlib": "^0.2.0",
     "dompurify": "^3.0.9",
+    "embla-carousel-autoplay": "^8.5.1",
+    "embla-carousel-react": "^8.5.1",
     "framer-motion": "^11.0.8",
     "gapi-script": "^1.2.0",
     "google-auth-library": "^9.11.0",
     "googleapis": "^140.0.1",
     "highlight.js": "^11.9.0",
     "js-cookie": "^3.0.5",
+    "lucide-react": "^0.468.0",
     "marked": "^9.1.6",
     "moment": "^2.29.4",
     "openai": "^4.36.0",
@@ -37,7 +44,7 @@
     "react-google-login": "^5.2.2",
     "react-google-picker": "^0.1.0",
     "react-hot-toast": "^2.4.0",
-    "react-icons": "^4.4.0",
+    "react-icons": "^4.12.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "^5.0.1",
@@ -88,5 +95,9 @@
     "url": "^0.11.3",
     "webpack": "^5.92.1",
     "webpack-cli": "^5.1.4"
-  }
+  },
+  "main": "index.js",
+  "author": "",
+  "license": "ISC",
+  "description": ""
 }

client/src/App.js

@@ -19,9 +19,13 @@ import {
   AssistantsChatPage,
   ChatPage,
   AssistantFileDownloadPage,
+  Form,
+  ProjectDetails,
+  Upload 
 } from "./Pages";
 
-
+import PortfolioHome from "./Pages/PortfolioHome";
+import PlatformManagementfeature from "./Pages/PlatformMangemenrfeature/PlatformMangamentfeature";
 import Layout from "./Pages/Layout";
 import AssistantLayout from "./Pages/Layout/AssistantLayout";
 import ConfigurationTabs from "./Pages/configration/index";
@@ -32,12 +36,16 @@ import TrackUsage from "./Pages/SuperAdmin/TrackUsage/TrackUsage";
 import TrackUsageComponent from "./Pages/SuperAdmin/TrackUsage/TrackUsageComponent";
 import PublicAssistant from "./Pages/ExploreGPTs";
 import ProtectedRoutes from "./component/ProtectedRoute/ProtectedRoute";
+import ProtectedRouteFeature from "./component/ProtectedRoute/ProtectedRouteFeature";
 import AssistantTypeList from "./Pages/AssistantType/index";
 import TaskCommands from "./Pages/SuperAdmin/TaskCommands/TaskCommands";import KnowledgeBase from "./Pages/KnowledgeBase";
 import { IntegrateApplications } from "./component/IntegrateApplications/IntegrateApplications";
 // import { IntegrateApplications } from "./component/Assistant/IntegrateApplications/IntegrateApplications";
 
 import ConnectionWithWorkboard from "./Pages/configration/ConnectionWithWorkboard";
+import ClientInfo from "./Pages/PortfolioManagement/ClientInfo";
+import PodInfo from "./Pages/PortfolioManagement/PodInfo";
+import ReviewsPage from "./Pages/PortfolioManagement/Reviews";
 
 function App() {
   // Hook to get the current location
@@ -53,8 +61,25 @@ function App() {
       <Route path="login" element={<LoginForm />} />
       <Route path="passwordReset/:token/:id" element={<ResetPassword />} />
       <Route path="*" element={<PageNotFound />} />
-
-
+      <Route path="/Form" element={<Form/>}></Route>
+      <Route element={<ProtectedRouteFeature />}>
+      <Route
+                path="/platform-management-feature/*"
+                element={
+                    <PlatformManagementfeature>
+                        <Routes>
+                            <Route path="portfolio" element={<PortfolioHome />} />
+                            <Route path="projectdetails/:id" element={<ProjectDetails />} />
+                            <Route path="Client/:id" element={<ClientInfo />} /> 
+                            <Route path="PodInfo" element={<PodInfo />} />
+                            <Route path="Pod/:id" element={<PodInfo />} />
+                            <Route path="PodInfo" element={<PodInfo />} />
+                            <Route path="portfoliomanagement/Reviews" element={<ReviewsPage />} />
+                            <Route path="import" element={<Upload/>}/>
+                        </Routes>
+                    </PlatformManagementfeature>
+                }
+            /></Route>
    {/* For connecting workboard */}
       <Route path="ConnectionWithWorkboard" element={<ConnectionWithWorkboard />} />
 
@@ -72,7 +97,7 @@ function App() {
         <Route path="promptuserview" element={<PrompotUsersList />} />
         <Route path="/knowledge-base" element={<KnowledgeBase />} /> 
         <Route path="/integrate-apps" element={<IntegrateApplications/>} /> 
-
+     
 
 
         <Route element={<ProtectedRoutes />}>
@@ -127,8 +152,9 @@ function App() {
         path="assistants/download/:file_id"
         element={<AssistantFileDownloadPage />}
       />
-    </Routes>
+
+
+</Routes>
   );
 }
-
 export default App;

client/src/Pages/Form/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import ProjectForm  from '../../component/ProjectForm';
+
+
+const Form = () => {
+    return (
+      <div>
+        <ProjectForm></ProjectForm>
+      </div>
+    );
+  };
+
+  export default Form;

client/src/Pages/PlatformMangemenrfeature/PlatformMangamentfeature.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import NewNavbar from '../../component/NewNavbar';
+
+const PlatformManagementfeature = ({ children }) => {
+  return (
+    <>
+      <NewNavbar />
+      <div className="my-feature-content" style={{backgroundColor:' black'}}>
+        {children}
+      </div>
+    </>
+  );
+};
+
+export default PlatformManagementfeature;

client/src/Pages/PortfolioHome/index.jsx

@@ -0,0 +1,18 @@
+import React from "react";
+import { HeroBanner, ContentPage } from "../../component";
+import "./style.css";
+
+const PortfolioHome = () => {
+  return (
+    <div className="scroll-container">
+      <section className="scroll-section">
+        <HeroBanner />
+      </section>
+      <section className="scroll-section">
+        <ContentPage />
+      </section>
+    </div>
+  );
+};
+
+export default PortfolioHome;

client/src/Pages/PortfolioHome/style.css

@@ -0,0 +1,20 @@
+*
+{
+  margin:0 0;
+}
+.scroll-container {
+  height: 100vh;
+  scroll-snap-type: y mandatory;
+  transition: scroll 0.5s ease-in-out;
+  scroll-behavior: smooth;
+  width:100%
+}
+
+.scroll-section {
+  display: flex;
+  justify-content: center;
+  background-color: #070707;
+  scroll-snap-align: start;
+}
+
+