From 0403c677109374ae8ecb22efea1c40d967b51f2b Mon Sep 17 00:00:00 2001
From: ikran123 <ikrammyyusuf@gmail.com>
Date: Tue, 3 Jun 2025 18:44:47 +0300
Subject: [PATCH 1/2] Week12

---
 package-lock.json         | 55 +++++++++++++++++----------------------
 package.json              |  2 +-
 src/App.jsx               |  7 +++++
 src/components/Navbar.jsx |  4 +++
 src/pages/Home.jsx        | 23 ++++++++++++++++
 5 files changed, 59 insertions(+), 32 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 02b1a70..7d341d7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "devsphere",
       "version": "0.0.0",
       "dependencies": {
-        "axios": "^1.8.4",
+        "axios": "^1.9.0",
         "lucide-react": "^0.501.0",
         "moment": "^2.30.1",
         "react": "^19.0.0",
@@ -1467,9 +1467,9 @@
       "license": "MIT"
     },
     "node_modules/axios": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
+      "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -2030,9 +2030,9 @@
       "license": "MIT"
     },
     "node_modules/fdir": {
-      "version": "6.4.3",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
-      "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
+      "version": "6.4.5",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.5.tgz",
+      "integrity": "sha512-4BG7puHpVsIYxZUbiUE3RqGloLaSSwzYie5jvasC4LWuBWzZawynvYouhjbQKw2JuIGYdm0DzIxl8iVidKlUEw==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -2770,14 +2770,13 @@
       }
     },
     "node_modules/react-router": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.5.1.tgz",
-      "integrity": "sha512-/jjU3fcYNd2bwz9Q0xt5TwyiyoO8XjSEFXJY4O/lMAlkGTHWuHRAbR9Etik+lSDqMC7A7mz3UlXzgYT6Vl58sA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.6.1.tgz",
+      "integrity": "sha512-hPJXXxHJZEsPFNVbtATH7+MMX43UDeOauz+EAU4cgqTn7ojdI9qQORqS8Z0qmDlL1TclO/6jLRYUEtbWidtdHQ==",
       "license": "MIT",
       "dependencies": {
         "cookie": "^1.0.1",
-        "set-cookie-parser": "^2.6.0",
-        "turbo-stream": "2.4.0"
+        "set-cookie-parser": "^2.6.0"
       },
       "engines": {
         "node": ">=20.0.0"
@@ -2793,12 +2792,12 @@
       }
     },
     "node_modules/react-router-dom": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.5.1.tgz",
-      "integrity": "sha512-5DPSPc7ENrt2tlKPq0FtpG80ZbqA9aIKEyqX6hSNJDlol/tr6iqCK4crqdsusmOSSotq6zDsn0y3urX9TuTNmA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.6.1.tgz",
+      "integrity": "sha512-vxU7ei//UfPYQ3iZvHuO1D/5fX3/JOqhNTbRR+WjSBWxf9bIvpWK+ftjmdfJHzPOuMQKe2fiEdG+dZX6E8uUpA==",
       "license": "MIT",
       "dependencies": {
-        "react-router": "7.5.1"
+        "react-router": "7.6.1"
       },
       "engines": {
         "node": ">=20.0.0"
@@ -2940,13 +2939,13 @@
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.12.tgz",
-      "integrity": "sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==",
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fdir": "^6.4.3",
+        "fdir": "^6.4.4",
         "picomatch": "^4.0.2"
       },
       "engines": {
@@ -2956,12 +2955,6 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/turbo-stream": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz",
-      "integrity": "sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==",
-      "license": "ISC"
-    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -3017,18 +3010,18 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.3.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.2.tgz",
-      "integrity": "sha512-ZSvGOXKGceizRQIZSz7TGJ0pS3QLlVY/9hwxVh17W3re67je1RKYzFHivZ/t0tubU78Vkyb9WnHPENSBCzbckg==",
+      "version": "6.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
+      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
-        "fdir": "^6.4.3",
+        "fdir": "^6.4.4",
         "picomatch": "^4.0.2",
         "postcss": "^8.5.3",
         "rollup": "^4.34.9",
-        "tinyglobby": "^0.2.12"
+        "tinyglobby": "^0.2.13"
       },
       "bin": {
         "vite": "bin/vite.js"
diff --git a/package.json b/package.json
index 8447a07..9170d59 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "axios": "^1.8.4",
+    "axios": "^1.9.0",
     "lucide-react": "^0.501.0",
     "moment": "^2.30.1",
     "react": "^19.0.0",
diff --git a/src/App.jsx b/src/App.jsx
index f3deba0..83618c9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,9 +2,12 @@ import React from 'react';
 import Navbar from './components/Navbar';
 
 // TODO: Import react router dom here
+import {BrowserRouter as Router, Routes, Route} from 'react-router-dom';
 
 import Footer from './components/Footer';
 import './styles/App.css';
+import Home from './pages/Home';
+import Projects from './pages/Projects';
 
 function App() {
   return (
@@ -13,6 +16,10 @@ function App() {
         <Navbar />
         <main className="main-content">
          {/* TODO: Add react router dom routes here */}
+         <Routes>
+          <Route path='/' element={<Home/>}/>
+          <Route path='/projects' element={<Projects/>}/>
+         </Routes>
          
         </main>
         <Footer />
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index c371cae..3dd37a0 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,8 +1,10 @@
 import React from 'react';
 
 // TODO: Import LINK from react router dom components
+import { Link } from 'react-router-dom';
 import { useLocation } from 'react-router-dom'
 
+
 import { Github } from 'lucide-react';
 import '../styles/Navbar.css';
 
@@ -20,9 +22,11 @@ const Navbar = () => {
         <ul className="navbar-menu">
           <li className="navbar-item">
            {/* TODO: Add the home route here */}
+           <Link to="/">Home</Link>
           </li>
           <li className="navbar-item">
             {/* TODO: Add the projects route here */}
+            <Link to="/projects">Projects</Link>
           </li>
         </ul>
       </div>
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index aaac8db..8064659 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -3,9 +3,12 @@ import { Link } from 'react-router-dom';
 
 // TODO: Import axios here
 
+
+
 import moment from 'moment';
 import { Users, Star, GitBranch, MapPin, Calendar, ExternalLink } from 'lucide-react';
 import '../styles/Home.css';
+import axios from 'axios';
 
 const Home = () => {
   const [user, setUser] = useState(null);
@@ -15,6 +18,26 @@ const Home = () => {
   // TODO: Fetch user data from GitHub API using axios and useEffect and set the user state, also handle the loading and error states
     // API: https://api.github.com/users/YOUR_USERNAME
 
+    useEffect(()=>{
+  const FetchUser= async()=>{
+    try{
+    setLoading(true)
+    const response = await axios.get("https://api.github.com/users/ikran123") 
+    setUser(response.data);
+   
+
+    } catch (error){
+  setError("failed to fetch the user")
+  console.error(error);
+    } finally{
+      setLoading(false)
+    }
+  };
+  FetchUser();
+  }, []);
+
+
+
 
 
   if (loading) {

From 886c4bd0a139ba63819c9dea5a689b41ee5ab312 Mon Sep 17 00:00:00 2001
From: ikran123 <ikrammyyusuf@gmail.com>
Date: Tue, 3 Jun 2025 22:03:10 +0300
Subject: [PATCH 2/2] Week_12 done

---
 src/pages/Projects.jsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/pages/Projects.jsx b/src/pages/Projects.jsx
index def4d8a..df1f533 100644
--- a/src/pages/Projects.jsx
+++ b/src/pages/Projects.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 
 // TODO: Import axios here
+import axios from 'axios';
 
 
 import ProjectCard from '../components/ProjectCard';
@@ -14,6 +15,26 @@ const Projects = () => {
  // TODO: Fetch repositories from GitHub API using axios and useEffect and set the repos state, also handle the loading and error states
  // API: https://api.github.com/users/YOUR_GITHUB_USERNAME/repos?per_page=10&sort=updated
 
+ useEffect(()=>{
+  const fetchRepos = async() =>{
+    try{
+      setLoading(true);
+      const response = await axios.get("https://api.github.com/users/ikran123/repos?per_page=10&sort=updated")
+      setRepos(response.data);
+    }catch (error){
+      setError('failed fetch error');
+      console.error(error);
+    }finally{
+    setLoading(false);
+    }
+  }
+  fetchRepos()
+
+ }, []);
+
+
+
+
 
 
   if (loading) {