Home Page

Started the home page

Author: ritvikthota08

docai/Backend/HelloWorld.py

@@ -0,0 +1,13 @@
+# import flast module
+from flask import Flask
+
+# instance of flask application
+app = Flask(__name__)
+
+# home route that returns below text when root url is accessed
+@app.route("/")
+def hello_world():
+    return "<p>Hello, World!</p>"
+
+if __name__ == '__main__':  
+   app.run()  

docai/package-lock.json

@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^6.27.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

docai/package.json

@@ -1,25 +1,17 @@
-import logo from './logo.svg';
+//import logo from './logo.svg';
 import './App.css';
+import { Routes, Route } from 'react-router-dom';
+import Home from './components/Home/Home';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/home" element={<Home />} />
+      </Routes>
     </div>
   );
 }
 
-export default App;
+export default App;

docai/src/App.js

@@ -0,0 +1,3 @@
+.buttons {
+    text-align: center;
+}

docai/src/components/Home/Home.css

@@ -0,0 +1,20 @@
+import React from 'react';
+//import { useNavigate } from 'react-router-dom';
+import "./Home.css";
+
+const Home = () => {
+  //const navigate = useNavigate();
+
+  return (
+    <div>
+    <h1>Chat with DocAI</h1>
+    <div className = "buttons"></div>
+    <button> GET STARTED </button>
+    <p> </p>
+    <button> LEARN MORE </button>
+    </div>
+
+  );
+};
+
+export default Home;  // Make sure this export is present

docai/src/components/Home/Home.js

@@ -2,16 +2,13 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
+import { BrowserRouter } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+);