From 50485a4f554ba1f408a96ff7148140065496b8c3 Mon Sep 17 00:00:00 2001 From: Giovanni-Josserand Date: Tue, 2 Sep 2025 19:17:00 +0200 Subject: [PATCH] reorganization of the tree structure --- src/{styles => components/Experiences}/Experiences.css | 0 src/components/{ => Experiences}/Experiences.jsx | 4 ++-- src/{styles => components/Footer}/Footer.css | 0 src/components/{ => Footer}/Footer.jsx | 2 +- src/{styles => components/Home}/Home.css | 0 src/components/{ => Home}/Home.jsx | 6 +++--- src/{styles => components/NavBar}/NavBar.css | 0 src/components/{ => NavBar}/NavBar.jsx | 2 +- src/{styles => components/Projects}/Projects.css | 0 src/components/{ => Projects}/Projects.jsx | 6 +++--- .../SingleExperience}/SingleExperience.css | 0 .../{ => SingleExperience}/SingleExperience.jsx | 2 +- .../SingleProject}/SingleProject.css | 0 src/components/{ => SingleProject}/SingleProject.jsx | 4 ++-- src/{styles => components/SkillCard}/SkillCard.css | 0 src/components/{ => SkillCard}/SkillCard.jsx | 2 +- src/{styles => components/Skills}/Skills.css | 0 src/components/{ => Skills}/Skills.jsx | 4 ++-- .../thirdParty/Background}/Background.css | 0 .../thirdParty/{ => Background}/Background.jsx | 2 +- src/pages/HomePage.jsx | 10 +++++----- src/pages/ProjectsPage.jsx | 2 +- 22 files changed, 23 insertions(+), 23 deletions(-) rename src/{styles => components/Experiences}/Experiences.css (100%) rename src/components/{ => Experiences}/Experiences.jsx (93%) rename src/{styles => components/Footer}/Footer.css (100%) rename src/components/{ => Footer}/Footer.jsx (99%) rename src/{styles => components/Home}/Home.css (100%) rename src/components/{ => Home}/Home.jsx (80%) rename src/{styles => components/NavBar}/NavBar.css (100%) rename src/components/{ => NavBar}/NavBar.jsx (98%) rename src/{styles => components/Projects}/Projects.css (100%) rename src/components/{ => Projects}/Projects.jsx (95%) rename src/{styles => components/SingleExperience}/SingleExperience.css (100%) rename src/components/{ => SingleExperience}/SingleExperience.jsx (95%) rename src/{styles => components/SingleProject}/SingleProject.css (100%) rename src/components/{ => SingleProject}/SingleProject.jsx (96%) rename src/{styles => components/SkillCard}/SkillCard.css (100%) rename src/components/{ => SkillCard}/SkillCard.jsx (87%) rename src/{styles => components/Skills}/Skills.css (100%) rename src/components/{ => Skills}/Skills.jsx (95%) rename src/{styles/thirdParty => components/thirdParty/Background}/Background.css (100%) rename src/components/thirdParty/{ => Background}/Background.jsx (93%) diff --git a/src/styles/Experiences.css b/src/components/Experiences/Experiences.css similarity index 100% rename from src/styles/Experiences.css rename to src/components/Experiences/Experiences.css diff --git a/src/components/Experiences.jsx b/src/components/Experiences/Experiences.jsx similarity index 93% rename from src/components/Experiences.jsx rename to src/components/Experiences/Experiences.jsx index 42bad78..857ba60 100644 --- a/src/components/Experiences.jsx +++ b/src/components/Experiences/Experiences.jsx @@ -1,5 +1,5 @@ -import '../styles/Experiences.css'; -import SingleExperience from './SingleExperience'; +import './Experiences.css'; +import SingleExperience from '../SingleExperience/SingleExperience.jsx'; import React, {useEffect, useState} from "react"; function Experiences() { diff --git a/src/styles/Footer.css b/src/components/Footer/Footer.css similarity index 100% rename from src/styles/Footer.css rename to src/components/Footer/Footer.css diff --git a/src/components/Footer.jsx b/src/components/Footer/Footer.jsx similarity index 99% rename from src/components/Footer.jsx rename to src/components/Footer/Footer.jsx index ef9b50f..6a0845c 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -1,4 +1,4 @@ -import '../styles/Footer.css'; +import './Footer.css'; function Footer() { const currentYear = new Date().getFullYear(); diff --git a/src/styles/Home.css b/src/components/Home/Home.css similarity index 100% rename from src/styles/Home.css rename to src/components/Home/Home.css diff --git a/src/components/Home.jsx b/src/components/Home/Home.jsx similarity index 80% rename from src/components/Home.jsx rename to src/components/Home/Home.jsx index 1a0bdf1..bec6881 100644 --- a/src/components/Home.jsx +++ b/src/components/Home/Home.jsx @@ -1,6 +1,6 @@ -import '../styles/Home.css'; -import Background from "./thirdParty/Background.jsx"; -import NavBar from "./NavBar.jsx"; +import './Home.css'; +import Background from "../thirdParty/Background/Background.jsx"; +import NavBar from "../NavBar/NavBar.jsx"; function Home() { return ( diff --git a/src/styles/NavBar.css b/src/components/NavBar/NavBar.css similarity index 100% rename from src/styles/NavBar.css rename to src/components/NavBar/NavBar.css diff --git a/src/components/NavBar.jsx b/src/components/NavBar/NavBar.jsx similarity index 98% rename from src/components/NavBar.jsx rename to src/components/NavBar/NavBar.jsx index 323438b..42796d1 100644 --- a/src/components/NavBar.jsx +++ b/src/components/NavBar/NavBar.jsx @@ -1,6 +1,6 @@ import { useEffect, useState } from "react"; import { useNavigate } from "react-router-dom"; -import "../styles/NavBar.css"; +import "./NavBar.css"; const NavBar = () => { const [active, setActive] = useState("home-section"); diff --git a/src/styles/Projects.css b/src/components/Projects/Projects.css similarity index 100% rename from src/styles/Projects.css rename to src/components/Projects/Projects.css diff --git a/src/components/Projects.jsx b/src/components/Projects/Projects.jsx similarity index 95% rename from src/components/Projects.jsx rename to src/components/Projects/Projects.jsx index e2aeb8f..f54dbd8 100644 --- a/src/components/Projects.jsx +++ b/src/components/Projects/Projects.jsx @@ -1,8 +1,8 @@ -import SingleProject from "./SingleProject.jsx"; -import "../styles/Projects.css" +import SingleProject from "../SingleProject/SingleProject.jsx"; +import "./Projects.css" import React, {useEffect, useState} from "react"; import {Link, useLocation} from "react-router-dom"; -import NavBar from "./NavBar.jsx"; +import NavBar from "../NavBar/NavBar.jsx"; function Projects() { const [projects, setProjects] = useState([]); diff --git a/src/styles/SingleExperience.css b/src/components/SingleExperience/SingleExperience.css similarity index 100% rename from src/styles/SingleExperience.css rename to src/components/SingleExperience/SingleExperience.css diff --git a/src/components/SingleExperience.jsx b/src/components/SingleExperience/SingleExperience.jsx similarity index 95% rename from src/components/SingleExperience.jsx rename to src/components/SingleExperience/SingleExperience.jsx index fe7c040..bc17dac 100644 --- a/src/components/SingleExperience.jsx +++ b/src/components/SingleExperience/SingleExperience.jsx @@ -1,4 +1,4 @@ -import '../styles/SingleExperience.css'; +import './SingleExperience.css'; function SingleExperience({ experience, tasks }) { return ( diff --git a/src/styles/SingleProject.css b/src/components/SingleProject/SingleProject.css similarity index 100% rename from src/styles/SingleProject.css rename to src/components/SingleProject/SingleProject.css diff --git a/src/components/SingleProject.jsx b/src/components/SingleProject/SingleProject.jsx similarity index 96% rename from src/components/SingleProject.jsx rename to src/components/SingleProject/SingleProject.jsx index 8f83301..080a021 100644 --- a/src/components/SingleProject.jsx +++ b/src/components/SingleProject/SingleProject.jsx @@ -1,6 +1,6 @@ import { useState, useEffect, useRef } from "react"; -import SkillCard from "./SkillCard"; -import "../styles/SingleProject.css"; +import SkillCard from "../SkillCard/SkillCard.jsx"; +import "./SingleProject.css"; function SingleProject({ image, title, description, skills, id, nbImage }) { const [imageID, setImageID] = useState(1); diff --git a/src/styles/SkillCard.css b/src/components/SkillCard/SkillCard.css similarity index 100% rename from src/styles/SkillCard.css rename to src/components/SkillCard/SkillCard.css diff --git a/src/components/SkillCard.jsx b/src/components/SkillCard/SkillCard.jsx similarity index 87% rename from src/components/SkillCard.jsx rename to src/components/SkillCard/SkillCard.jsx index 8f24eb7..e1425a6 100644 --- a/src/components/SkillCard.jsx +++ b/src/components/SkillCard/SkillCard.jsx @@ -1,4 +1,4 @@ -import "../styles/SkillCard.css"; +import "./SkillCard.css"; function SkillCard({ text }) { return ( diff --git a/src/styles/Skills.css b/src/components/Skills/Skills.css similarity index 100% rename from src/styles/Skills.css rename to src/components/Skills/Skills.css diff --git a/src/components/Skills.jsx b/src/components/Skills/Skills.jsx similarity index 95% rename from src/components/Skills.jsx rename to src/components/Skills/Skills.jsx index eac0508..7ac52e8 100644 --- a/src/components/Skills.jsx +++ b/src/components/Skills/Skills.jsx @@ -1,6 +1,6 @@ import React, { useState, useEffect } from 'react'; -import SkillCard from "./SkillCard.jsx"; -import "../styles/Skills.css"; +import SkillCard from "../SkillCard/SkillCard.jsx"; +import "./Skills.css"; function Skills() { const [skills, setSkills] = useState([]); diff --git a/src/styles/thirdParty/Background.css b/src/components/thirdParty/Background/Background.css similarity index 100% rename from src/styles/thirdParty/Background.css rename to src/components/thirdParty/Background/Background.css diff --git a/src/components/thirdParty/Background.jsx b/src/components/thirdParty/Background/Background.jsx similarity index 93% rename from src/components/thirdParty/Background.jsx rename to src/components/thirdParty/Background/Background.jsx index 6675646..648e6e6 100644 --- a/src/components/thirdParty/Background.jsx +++ b/src/components/thirdParty/Background/Background.jsx @@ -1,5 +1,5 @@ import React from "react"; -import "../../styles/thirdParty/Background.css"; +import "./Background.css"; export default function Background() { return ( diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx index 8495889..fed75ea 100644 --- a/src/pages/HomePage.jsx +++ b/src/pages/HomePage.jsx @@ -1,10 +1,10 @@ import {useEffect, useState} from 'react'; // 1. Import useEffect import { useLocation } from 'react-router-dom'; // 2. Import useLocation -import Home from '../components/Home.jsx'; -import Experiences from '../components/Experiences.jsx'; -import Projects from '../components/Projects.jsx'; -import Skills from '../components/Skills.jsx'; -import Footer from '../components/Footer.jsx'; +import Home from '../components/Home/Home.jsx'; +import Experiences from '../components/Experiences/Experiences.jsx'; +import Projects from '../components/Projects/Projects.jsx'; +import Skills from '../components/Skills/Skills.jsx'; +import Footer from '../components/Footer/Footer.jsx'; function HomePage() { const location = useLocation(); diff --git a/src/pages/ProjectsPage.jsx b/src/pages/ProjectsPage.jsx index 9a35e3c..b7d2822 100644 --- a/src/pages/ProjectsPage.jsx +++ b/src/pages/ProjectsPage.jsx @@ -1,4 +1,4 @@ -import Projects from "../components/Projects.jsx"; +import Projects from "../components/Projects/Projects.jsx"; function ProjectsPage() { return (