Changes

src/components/App.js

@@ -1,11 +1,14 @@
-import React, {Component, useState} from "react";
-import '../styles/App.css';
-
+import React from "react";
+import "../styles/App.css";
+import Comp1 from "./Comp1";
+import Comp2 from "./Comp2";
 const App = () => {
   return (
-    <></>
-  )
-}
-
+    <>
+      <Comp1 />
+      <Comp2 />
+    </>
+  );
+};
 
 export default App;

src/components/Comp1.js

@@ -0,0 +1,13 @@
+import React from "react";
+import "../styles/App.css";
+
+const Comp1 = () => {
+  return (
+    <>
+      <h1>Online Learning </h1>
+      <h3>This project is about provide onlile learning material</h3>
+    </>
+  );
+};
+
+export default Comp1;

src/components/Comp2.js

@@ -0,0 +1,16 @@
+import React from "react";
+import "../styles/App.css";
+
+const Comp2 = () => {
+  return (
+    <>
+      <h1>Nwes Website</h1>
+      <h3>
+        This project is about provide live news to tall the users based on their
+        favourite section(Sports,Bollywood,Politics).
+      </h3>
+    </>
+  );
+};
+
+export default Comp2;