Giovanni/portfolio_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: Giovanni/portfolio_frontend:review/skillsSection
Branches Tags
Giovanni/portfolio_frontend:main Giovanni/portfolio_frontend:dev Giovanni/portfolio_frontend:refactor/componentsAndPages Giovanni/portfolio_frontend:review/skillsSection Giovanni/portfolio_frontend:feature/responsive
..
pull from: Giovanni/portfolio_frontend:refactor/componentsAndPages
Branches Tags
Giovanni/portfolio_frontend:main Giovanni/portfolio_frontend:dev Giovanni/portfolio_frontend:refactor/componentsAndPages Giovanni/portfolio_frontend:review/skillsSection Giovanni/portfolio_frontend:feature/responsive

9 Commits
review/skillsSection .. refactor/componentsAndPages

Author SHA1 Message Date
Giovanni 83390d802a move all components that are exclusive to one page 2026-04-23 15:44:19 +02:00
Giovanni cab338c2b3 move all components that are exclusive to one page 2026-04-23 15:39:00 +02:00
Giovanni d34eb5714f move all components that are exclusive to one page 2026-04-23 15:37:39 +02:00
Giovanni-Josserand 23233d4be6 Merge pull request 'feature/responsive' (#38) from feature/responsive into dev 
Reviewed-on: Giovanni-Josserand/Portfolio#38
 2025-09-28 17:24:22 +00:00
Giovanni b9b349b706 update responsive of project details page 2025-09-28 19:23:58 +02:00
Giovanni-Josserand 287329e2c5 Merge pull request 'dev' (#37) from dev into feature/responsive 
Reviewed-on: Giovanni-Josserand/Portfolio#37
 2025-09-28 17:19:28 +00:00
Giovanni-Josserand ed05bee64d Merge pull request 'resolve aside problem' (#36) from feature/detailsProject into dev 
Reviewed-on: Giovanni-Josserand/Portfolio#36
 2025-09-28 17:19:10 +00:00
Giovanni 7708889e28 resolve aside problem 2025-09-28 19:18:44 +02:00
Giovanni-Josserand 425b96e9c6 Merge pull request 'dev' (#34) from dev into feature/responsive 
Reviewed-on: Giovanni-Josserand/Portfolio#34
 2025-09-28 16:59:19 +00:00
30 changed files with 140 additions and 49 deletions
Expand all files Collapse all files
index.html
+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/public/assets/images/logo.svg" /> <link rel="icon" type="image/svg+xml" href="/assets/images/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
public/assets/images/skills/C++.svg
+14
View File
@@ -7,12 +7,26 @@
width="1822" width="1822"
height="2051" height="2051"
viewBox="0 0 1822 2051" viewBox="0 0 1822 2051"
sodipodi:docname="C++.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="1822" width="1822"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 157 KiB

public/assets/images/skills/CSS.svg
+14
View File
@@ -7,12 +7,26 @@
width="1200" width="1200"
height="1200" height="1200"
viewBox="0 0 1200 1200" viewBox="0 0 1200 1200"
sodipodi:docname="CSS.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="1200" width="1200"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

public/assets/images/skills/Git.svg
+14
View File
@@ -7,12 +7,26 @@
width="2048" width="2048"
height="2048" height="2048"
viewBox="0 0 2048 2048" viewBox="0 0 2048 2048"
sodipodi:docname="Git.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="2048" width="2048"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 86 KiB

public/assets/images/skills/HTML.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

public/assets/images/skills/HTML.svg
+14
View File
@@ -7,12 +7,26 @@
width="169" width="169"
height="169" height="169"
viewBox="0 0 169 169" viewBox="0 0 169 169"
sodipodi:docname="image-removebg-preview.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="169" width="169"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

public/assets/images/skills/JavaScript.svg
+14
View File
@@ -7,12 +7,26 @@
width="973" width="973"
height="973" height="973"
viewBox="0 0 973 973" viewBox="0 0 973 973"
sodipodi:docname="JavaScript.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="973" width="973"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 19 KiB

public/assets/images/skills/PHP.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 173 KiB

public/assets/images/skills/PHP.svg
+14
View File
@@ -7,12 +7,26 @@
width="2560" width="2560"
height="1381" height="1381"
viewBox="0 0 2560 1381" viewBox="0 0 2560 1381"
sodipodi:docname="PHP.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="2560" width="2560"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 246 KiB

After

Width:  |  Height:  |  Size: 247 KiB

public/assets/images/skills/Python.svg
+14
View File
@@ -7,12 +7,26 @@
width="110" width="110"
height="110" height="110"
viewBox="0 0 110 110" viewBox="0 0 110 110"
sodipodi:docname="Pyhton.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="110" width="110"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

public/assets/images/skills/Qt.svg
-24
View File
File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 109 KiB

public/assets/images/skills/SQL.svg
+14
View File
@@ -7,12 +7,26 @@
width="301" width="301"
height="299" height="299"
viewBox="0 0 301 299" viewBox="0 0 301 299"
sodipodi:docname="SQL.png"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
id="defs1" /> id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<g <g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1"> id="g1">
<image <image
width="301" width="301"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 57 KiB

src/App.jsx
+4 -4
View File
@@ -1,8 +1,8 @@
import './App.css' import './App.css'
import { Routes, Route, Link } from 'react-router-dom'; import { Routes, Route } from 'react-router-dom';
import HomePage from './pages/HomePage.jsx'; import HomePage from './pages/Home/HomePage.jsx';
import ProjectsPage from './pages/ProjectsPage'; import ProjectsPage from './pages/Projects/ProjectsPage.jsx';
import ProjectDetailsPage from "./pages/ProjectDetailsPage.jsx"; import ProjectDetailsPage from "./pages/ProjectDetails/ProjectDetailsPage.jsx";
function App() { function App() {
src/components/Projects/Projects.jsx
+1 -1
View File
@@ -3,7 +3,7 @@ import "./Projects.css"
import React, {useEffect, useState} from "react"; import React, {useEffect, useState} from "react";
import {Link, useLocation} from "react-router-dom"; import {Link, useLocation} from "react-router-dom";
import NavBar from "../NavBar/NavBar.jsx"; import NavBar from "../NavBar/NavBar.jsx";
import Filter from "../Filter/Filter.jsx"; import Filter from "../../pages/Projects/components/Filter/Filter.jsx";
function Projects() { function Projects() {
const [projects, setProjects] = useState([]); const [projects, setProjects] = useState([]);
src/index.css
-2
View File
@@ -9,7 +9,6 @@
html{ html{
scroll-behavior: smooth; scroll-behavior: smooth;
overflow-x: hidden;
} }
@@ -17,7 +16,6 @@ body {
margin: 0; margin: 0;
display: flex; display: flex;
place-items: center; place-items: center;
overflow-x: hidden;
} }
.section-title { .section-title {
src/pages/HomePage.jsx → src/pages/Home/HomePage.jsx
+7 -7
View File
@@ -1,10 +1,10 @@
import {useEffect, useState} from 'react'; // 1. Import useEffect import {useEffect} from 'react';
import { useLocation } from 'react-router-dom'; // 2. Import useLocation import { useLocation } from 'react-router-dom';
import Home from '../components/Home/Home.jsx'; import Home from './components/Home/Home.jsx';
import Experiences from '../components/Experiences/Experiences.jsx'; import Experiences from './components/Experiences/Experiences.jsx';
import Projects from '../components/Projects/Projects.jsx'; import Projects from '../../components/Projects/Projects.jsx';
import Skills from '../components/Skills/Skills.jsx'; import Skills from './components/Skills/Skills.jsx';
import Footer from '../components/Footer/Footer.jsx'; import Footer from '../../components/Footer/Footer.jsx';
function HomePage() { function HomePage() {
const location = useLocation(); const location = useLocation();
src/components/Experiences/Experiences.css → src/pages/Home/components/Experiences/Experiences.css
View File
src/components/Experiences/Experiences.jsx → src/pages/Home/components/Experiences/Experiences.jsx
View File
src/components/Home/Home.css → src/pages/Home/components/Home/Home.css
View File
src/components/Home/Home.jsx → src/pages/Home/components/Home/Home.jsx
+2 -2
View File
@@ -1,6 +1,6 @@
import './Home.css'; import './Home.css';
import Background from "../thirdParty/Background/Background.jsx"; import Background from "../../../../components/thirdParty/Background/Background.jsx";
import NavBar from "../NavBar/NavBar.jsx"; import NavBar from "../../../../components/NavBar/NavBar.jsx";
function Home() { function Home() {
return ( return (
src/components/SingleExperience/SingleExperience.css → src/pages/Home/components/SingleExperience/SingleExperience.css
View File
src/components/SingleExperience/SingleExperience.jsx → src/pages/Home/components/SingleExperience/SingleExperience.jsx
View File
src/components/Skills/Skills.css → src/pages/Home/components/Skills/Skills.css
View File
src/components/Skills/Skills.jsx → src/pages/Home/components/Skills/Skills.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import SkillCard from "../SkillCard/SkillCard.jsx"; import SkillCard from "../../../../components/SkillCard/SkillCard.jsx";
import "./Skills.css"; import "./Skills.css";
function Skills() { function Skills() {
src/pages/ProjectDetailsPage.jsx → src/pages/ProjectDetails/ProjectDetailsPage.jsx
+2 -3
View File
@@ -1,8 +1,7 @@
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import NavBar from "../components/NavBar/NavBar.jsx"; import ProjectDetails from "./components/ProjectDetails/ProjectDetails.jsx";
import ProjectDetails from "../components/ProjectDetails/ProjectDetails.jsx"; import Footer from "../../components/Footer/Footer.jsx";
import Footer from "../components/Footer/Footer.jsx";
function ProjectDetailsPage() { function ProjectDetailsPage() {
const { id } = useParams(); const { id } = useParams();
src/components/ProjectDetails/ProjectDetails.css → src/pages/ProjectDetails/components/ProjectDetails/ProjectDetails.css
+6
View File
@@ -183,5 +183,11 @@ aside ul li a:hover {
.return-button { .return-button {
top: 7em; top: 7em;
} }
aside {
display: none;
}
.project-details-content{
width: 100%;
}
} }
src/components/ProjectDetails/ProjectDetails.jsx → src/pages/ProjectDetails/components/ProjectDetails/ProjectDetails.jsx
+2 -2
View File
@@ -1,7 +1,7 @@
import "./ProjectDetails.css" import "./ProjectDetails.css"
import SkillCard from "../SkillCard/SkillCard.jsx"; import SkillCard from "../../../../components/SkillCard/SkillCard.jsx";
import React, {useEffect, useState} from "react"; import React, {useEffect, useState} from "react";
import NavBar from "../NavBar/NavBar.jsx"; import NavBar from "../../../../components/NavBar/NavBar.jsx";
import ReactMarkdown from 'react-markdown'; import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm'; import remarkGfm from 'remark-gfm';
import {useNavigate} from "react-router-dom"; import {useNavigate} from "react-router-dom";
src/pages/ProjectsPage.jsx → src/pages/Projects/ProjectsPage.jsx
+2 -2
View File
@@ -1,5 +1,5 @@
import Projects from "../components/Projects/Projects.jsx"; import Projects from "../../components/Projects/Projects.jsx";
import Footer from "../components/Footer/Footer.jsx"; import Footer from "../../components/Footer/Footer.jsx";
function ProjectsPage() { function ProjectsPage() {
return ( return (
src/components/Filter/Filter.css → src/pages/Projects/components/Filter/Filter.css
View File
src/components/Filter/Filter.jsx → src/pages/Projects/components/Filter/Filter.jsx
View File