all-set

Author: codee-wizard

package-lock.json

@@ -10,7 +10,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.5.3",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

package.json

@@ -1,11 +1,16 @@
-
+import React from 'react';
+import Home from './pages/Home';
+import Navbar from './components/Navbar';
+import Footer from './components/Footer';
 
 function App() {
   return (
     <div className="App">
-      
+      <Navbar/>
+      <Home/>
+      <Footer/>
     </div>
   );
 }
 
-export default App;
+export default App;

src/App.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../styles/Home.css';
 
 function Footer() {
   return (

src/components/Footer.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
+import '../styles/Home.css';
 
 function Navbar() {
   return (

src/components/Navbar.js

@@ -2,7 +2,7 @@ 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'));
 root.render(
@@ -14,4 +14,4 @@ root.render(
 // 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();
+// reportWebVitals();

src/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../styles/Home.css'; 
 
 function App() {
   //  roadmaps section