setMenuOpen((prev) => !prev)}>
@@ -22,12 +26,12 @@ function Navbar({ menuOpen, setMenuOpen }) {
Home
-
- Projects
-
About
+
+ Projects
+
Contact
diff --git a/src/components/sections/About.jsx b/src/components/sections/About.jsx
index c33a6b1..f03cb71 100644
--- a/src/components/sections/About.jsx
+++ b/src/components/sections/About.jsx
@@ -1,77 +1,355 @@
import RevealOnScroll from "../RevealOnScroll";
-function About() {
- const frontendSkills = ["React", "Vue", "Typescript", "Tailwind CSS"]
- const backendSkills = ["Node.js", "Python", "AWS", "MongoDb"]
+import { VscCalendar } from "react-icons/vsc";
+import { HiOutlineBuildingOffice } from "react-icons/hi2";
+import { MdPlace } from "react-icons/md";
+import { FaSchool } from "react-icons/fa6";
+function About() {
+ const cybersecuritySkills = {
+ "skils": [
+ "Penetration testing",
+ "Security auditing",
+ "Network security",
+ ],
+ "projects": [
+ "Security Audit",
+ "Creation of a secured network (ACL and Firewalls)",
+ "Root-Me: +2900pts",
+ "Assisted in the creation of a cybersecurity initiation workshop at the IUT Lannion's Cyber Club",
+ "One of the creators of the CTF competition organized by the Cyber Club, IUT Lannion",
+ ]
+ }
+
+ const programmationSkills = {
+ "skils": [
+ "Python",
+ "HTML/PHP/CSS",
+ "Bash",
+ "Powershell",
+ "Lerning C/C++/Node.js (Vite/React + Tailwind CSS)",
+ ],
+ "projects": [
+ "Python Softphone (Client/Server)",
+ "Python Portfolio",
+ "Vite / React / Tailwind Portfolio",
+ "Task automation",
+ "Cybersecurity challenge (Python / C)",
+ ]
+ }
+
+ const networkSkills = {
+ "skils": [
+ "Design",
+ "Implementation",
+ "Troubleshouting",
+ "VPN IPSec / SSL",
+ "Firewall (Stormshield CSNA Certified)",
+ "Cisco / Aruba / Stormshield",
+ ],
+ "projects": [
+ "Creation of a school network from scratch",
+ "Creation of a secured network (ACL and Firewalls)",
+ ]
+ }
+
+ const systemSkills = {
+ "skils": [
+ "Linux",
+ "Arch Linux /w Hyprland",
+ "Debian /w/o gui",
+ "Windows",
+ "Windows Active Directory",
+ "LDAP",
+ "Postfix",
+ "Poste.io",
+ "Virtualisation",
+ "Docker",
+ "VirutalBox",
+ "VMWare Worstation",
+ "VMWare vSphere / ESXI",
+ "Orchestration",
+ "Portainer",
+ "CI/CD",
+ "Gitlab",
+ "Jenkins",
+ "Gerrit",
+ ],
+ "projects": [
+ "Lab Work: Active Directory, LDAP, VMware, VCenter, Docker",
+ "HomeLab with Dockerized services on Debian",
+ "Personal CI/CD using Gitlab and Jenkins (and Portainer for auto deployment)",
+ "Reverse proxy using Nginx",
+ "Personal mail server using Poste.io",
+ "Personal Desktop on Windows 11 / Kali Linux (Dual Boot)",
+ "Personal Laptop on Arch Linux /w Hyprland",
+ ]
+ }
+
+ const projectManagementSkills = {
+ "skils": [
+ "Reporting",
+ "Gantt Chart",
+ "Team Management",
+ ],
+ "projects": [
+ "Creation of a school network from scratch",
+ "Team Management in different school projects",
+ ]
+ }
+
+ const languageSkills = {
+ "skils": [
+ "French: Native language",
+ "English: B1+",
+ ],
+ "projects": [
+ "Educational trip to London, hosted in local homes with English-speaking families",
+ "Competitive Video Games (Communication in English)",
+ ]
+ }
+
+ const education = [
+ {
+ "name": "General Baccalaureate with honors",
+ "establishment": "Lycée Colbert",
+ "city": "Lorient (56)",
+ "graduation_year": "2022",
+ "graduated": true
+ },
+ {
+ "name": "University Diploma of Technology in Networks and Telecommunications, Cybersecurity specialization",
+ "establishment": "IUT Lannion",
+ "city": "Lannion (22)",
+ "graduation_year": "2024",
+ "graduated": true
+ },
+ {
+ "name": "Bachelor's Degree in Networks and Telecommunications, Cybersecurity specialization",
+ "establishment":
+ "IUT Lannion",
+ "city": "Lannion (22)",
+ "graduation_year": "2025",
+ "graduated": false
+ },
+ ];
+
+ const certifications = [
+ {
+ "name": "Stormhield CSNA",
+ "city": "Lannion (22)",
+ "date_obtained": "December 2024",
+ "expiration": "December 2027"
+ }
+ ]
+
+ const workExperience = [
+ {
+ "name": "Intern in Software Quality and Code Correction",
+ "company": "Nokia",
+ "period": "2024",
+ "place": "Lannion (22)",
+ "tasks": [
+ "Correction of Python code to meet PEP8 standards",
+ "Writting unitary test",
+ "Technical writing",
+ ]
+ },
+ {
+ "name": "General Assistant",
+ "company": "Intermarché",
+ "period": "2024",
+ "place": "Merlevenez (56)",
+ "tasks": [
+ "Customer service",
+ "Stock management",
+ "Store maintenance",
+ ]
+ },
+ {
+ "name": "Cleaner",
+ "company": "Netvim",
+ "period": "2022",
+ "place": "Hennebont (56)",
+ "tasks": [
+ "Responsible for cleaning various residential buildings, medical offices, and banks",
+ ]
+ }
+ ]
return (
-
+
About Me
-
+
- Some text
+ Due to my passion for computer science and everything related, I managed to gather skills in multiple domains.
-
+
- Frontend
+ Cybersecurity
-
- {frontendSkills.map((tech) => (
-
- {tech}
-
- ))}
+
+
Skills
+
+ {cybersecuritySkills.skils.map((value, key) => (
+ - {value}
+ ))}
+
+
Projects
+
+ {cybersecuritySkills.projects.map((value, key) => (
+ - {value}
+ ))}
+
-
+
- Backend
+ Programming & Development
-
- {backendSkills.map((tech) => (
-
- {tech}
-
- ))}
+
+
Skills
+
+ {programmationSkills.skils.map((value, key) => (
+ - {value}
+ ))}
+
+
Projects
+
+ {programmationSkills.projects.map((value, key) => (
+ - {value}
+ ))}
+
+
+
+
+
+ Network
+
+
+
Skills
+
+ {networkSkills.skils.map((value, key) => (
+ - {value}
+ ))}
+
+
Projects
+
+ {networkSkills.projects.map((value, key) => (
+ - {value}
+ ))}
+
+
+
+
+
+ System
+
+
+
Skills
+
+ {systemSkills.skils.map((value, key) => (
+ - {value}
+ ))}
+
+
Projects
+
+ {systemSkills.projects.map((value, key) => (
+ - {value}
+ ))}
+
+
+
+
+
+ Project Management
+
+
+
Skills
+
+ {projectManagementSkills.skils.map((value, key) => (
+ - {value}
+ ))}
+
+
Projects
+
+ {projectManagementSkills.projects.map((value, key) => (
+ - {value}
+ ))}
+
+
+
+
+
+ Language
+
+
+
Skills
+
+ {languageSkills.skils.map((value, key) => (
+ - {value}
+ ))}
+
+
Projects
+
+ {languageSkills.projects.map((value, key) => (
+ - {value}
+ ))}
+
-
+
Education
+
+
+ Certifications
+
-
+
Work Experience
-
-
Intern in Software Quality and Code Correction at Nokia (2024)
-
Correction of Python code to meet PEP8 standards and Writting unitary test
-
-
-
General Assistant at Intermarché (2024)
-
Customer service, Stock management and Store maintenance
-
-
+ {workExperience.map((data, key) => (
+
+
{data["name"]}
+
{data["company"]}
+
{data["period"]} | {data["place"]}
+
+ {data["tasks"].map((task, key) => (
+ - {task}
+ ))}
+
+
+ ))}
diff --git a/src/components/sections/Home.jsx b/src/components/sections/Home.jsx
index 6f668bb..c2b4272 100644
--- a/src/components/sections/Home.jsx
+++ b/src/components/sections/Home.jsx
@@ -6,15 +6,18 @@ function Home() {
-
+
Alexis Pencrane
- I'm a student in Networks and Telecommunications, specializing in Cybersecurity. I love learning new things related to networking and cybersecurity.
+ I'm a student in Networks and Telecommunications, specializing in Cybersecurity. I love learning new things related to networking and cybersecurity.