New branch

connect-chat-app/src/App.tsx

@@ -1,24 +1,14 @@
 import React from 'react';
 import logo from './logo.svg';
 import './App.css';
+import HomePage from './pages/HomePage';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</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={<HomePage/>}/>
+      </Routes>
     </div>
   );
 }

connect-chat-app/src/components/Login.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Login = () : JSX.Element => {
+  return (
+    <div>Login</div>
+  )
+}
+
+export default Login

connect-chat-app/src/components/SignUp.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const SignUp = () : JSX.Element => {
+  return (
+    <div>SignUp</div>
+  )
+}
+
+export default SignUp

connect-chat-app/src/index.tsx

@@ -2,15 +2,20 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
+import reportWebVitals from './reportWebVitals';  
+
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 root.render(
+  <BrowserRouter>
+
+
   <React.StrictMode>
     <App />
   </React.StrictMode>
+  </BrowserRouter>
 );
 
 // If you want to start measuring performance in your app, pass a function

connect-chat-app/src/pages/HomePage.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const HomePage = () => {
+  return (
+    <div>HomePage</div>
+  )
+}
+
+export default HomePage

connect-chat-app/src/pages/LoginPage.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const LoginPage = () => {
+  return (
+    <div>LoginPage</div>
+  )
+}
+
+export default LoginPage

connect-chat-app/src/pages/SignUpPage.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const SignUpPage = () => {
+  return (
+    <div>SignUpPage</div>
+  )
+}
+
+export default SignUpPage