diff --git a/my-app/src/App.tsx b/my-app/src/App.tsx index bc3daea..da819af 100644 --- a/my-app/src/App.tsx +++ b/my-app/src/App.tsx @@ -11,6 +11,12 @@ import Projects from './pages/projects' import Resume from './pages/resume' import Skills from './pages/skills' +import Ft_transcendence from './pages/projects/ft_transcendence' +import Nas from './pages/projects/nas' + + + + import { ThemeProvider, createTheme } from '@mui/material/styles'; import { BrowserRouter, Route, Router, Routes, useLocation } from 'react-router-dom'; import React, { useState } from "react"; @@ -58,6 +64,9 @@ function App() }/> }/> }/> + }/> + }/> + }/> }/> diff --git a/my-app/src/css/project.css b/my-app/src/css/project.css index ec91322..4b123ab 100644 --- a/my-app/src/css/project.css +++ b/my-app/src/css/project.css @@ -59,4 +59,11 @@ img { .badge { height: 5vh; +} + + +.project_home { + margin-top: 20vh; + width: 100vw; + margin-left: 45vw; } \ No newline at end of file diff --git a/my-app/src/img/omv_dashboard.png b/my-app/src/img/omv_dashboard.png new file mode 100644 index 0000000..b5a7f21 Binary files /dev/null and b/my-app/src/img/omv_dashboard.png differ diff --git a/my-app/src/pages/home.tsx b/my-app/src/pages/home.tsx index e90a61e..9f06201 100644 --- a/my-app/src/pages/home.tsx +++ b/my-app/src/pages/home.tsx @@ -31,7 +31,11 @@ function Home()
{t("project")}
+
@@ -46,10 +50,6 @@ function Home() - Cube3d
-
diff --git a/my-app/src/pages/projects.tsx b/my-app/src/pages/projects.tsx index 0c531b6..3493c09 100644 --- a/my-app/src/pages/projects.tsx +++ b/my-app/src/pages/projects.tsx @@ -1,29 +1,34 @@ import { useTranslation } from 'react-i18next'; import img from '../img/pong.webp'; +import { FaArrowRightLong } from "react-icons/fa6"; function Project() { const { i18n, t } = useTranslation(); return ( -
-
-
Ft_Transcendence
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae turpis sit amet sem scelerisque lobortis. Phasellus eleifend sollicitudin egestas. Sed quis augue condimentum, facilisis mi scelerisque, luctus leo. Sed imperdiet ultricies elit, sit amet varius mauris. Donec auctor sed ipsum eget dictum. Quisque convallis dictum elit, ac malesuada quam condimentum at. Fusce iaculis sapien et ante lobortis volutpat eget eu enim.
-
-
-
- Pong -
-
- GitHub - Docker - HTML5 - NestJS - Node.js - React -
-
-
+
+
{t("project")}
+ + +
+ - Cloud-1 + +
+
+ - Minishell + +
+
+ - Cube3d + +
+
) }; diff --git a/my-app/src/pages/projects/ft_transcendence.tsx b/my-app/src/pages/projects/ft_transcendence.tsx new file mode 100644 index 0000000..fdb73a9 --- /dev/null +++ b/my-app/src/pages/projects/ft_transcendence.tsx @@ -0,0 +1,30 @@ +import { useTranslation } from 'react-i18next'; +import img from '../../img/pong.webp'; + +function Ft_transcendence() +{ + const { i18n, t } = useTranslation(); + return ( +
+
+
Ft_Transcendence
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae turpis sit amet sem scelerisque lobortis. Phasellus eleifend sollicitudin egestas. Sed quis augue condimentum, facilisis mi scelerisque, luctus leo. Sed imperdiet ultricies elit, sit amet varius mauris. Donec auctor sed ipsum eget dictum. Quisque convallis dictum elit, ac malesuada quam condimentum at. Fusce iaculis sapien et ante lobortis volutpat eget eu enim.
+
+
+
+ Pong +
+
+ GitHub + Docker + HTML5 + NestJS + Node.js + React +
+
+
+ ) +}; + +export default Ft_transcendence; \ No newline at end of file diff --git a/my-app/src/pages/projects/nas.tsx b/my-app/src/pages/projects/nas.tsx new file mode 100644 index 0000000..273e240 --- /dev/null +++ b/my-app/src/pages/projects/nas.tsx @@ -0,0 +1,30 @@ +import { useTranslation } from 'react-i18next'; +import img from '../../img/omv_dashboard.png'; + +function Nas() +{ + const { i18n, t } = useTranslation(); + return ( +
+
+
Homemade NAS
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae turpis sit amet sem scelerisque lobortis. Phasellus eleifend sollicitudin egestas. Sed quis augue condimentum, facilisis mi scelerisque, luctus leo. Sed imperdiet ultricies elit, sit amet varius mauris. Donec auctor sed ipsum eget dictum. Quisque convallis dictum elit, ac malesuada quam condimentum at. Fusce iaculis sapien et ante lobortis volutpat eget eu enim.
+
+
+
+ OMV +
+
+ GitHub + Docker + HTML5 + NestJS + Node.js + React +
+
+
+ ) +}; + +export default Nas; \ No newline at end of file