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() {
{/* TODO: Add react router dom routes here */}
+
+ }/>
+ }/>
+
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 = () => {
-
{/* TODO: Add the home route here */}
+ Home
-
{/* TODO: Add the projects route here */}
+ Projects
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) {
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) {