ploc/portfolio_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

base

Browse Source
This commit is contained in:
Ploc300
2025-02-12 15:01:43 +01:00
commit fd1c4492d8
21 changed files with 5296 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/About.jsx
+84
View File
@@ -0,0 +1,84 @@
import RevealOnScroll from "../RevealOnScroll";
function About() {
const frontendSkills = ["React", "Vue", "Typescript", "Tailwind CSS"]
const backendSkills = ["Node.js", "Python", "AWS", "MongoDb"]
return (
<section id="about" className="min-h-screen flex items-center justify-center py-20">
<RevealOnScroll>
<div className="max-w-3xl mx-auto px-4">
<h2 className="text-3xl font-bold mb-8 bg-gradient-to-r from-blue-500 to-cyan-400 bg-clip-text text-transparent text-center">
About Me
</h2>
<div className="rounded-xl p-8 border-white/10 border hover:-translate-y-1 transition-all">
<p className="text-gray-300 mb-6">
Some text
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="rounded-xl p-6 hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Frontend
</h3>
<div className="flex flex-wrap gap-2">
{frontendSkills.map((tech) => (
<span className="bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full text-sm hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">
{tech}
</span>
))}
</div>
</div>
<div className="rounded-xl p-6 hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Backend
</h3>
<div className="flex flex-wrap gap-2">
{backendSkills.map((tech) => (
<span className="bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full text-sm hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">
{tech}
</span>
))}
</div>
</div>
</div>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
<div className="p-6 rounded-xl border-white/10 border hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Education
</h3>
<ul className="list-disc list-inside text-gray-300 space-y-2">
<li>
General Baccalaureate with honors (2022) - Lycée Colbert - Lorient (56)
</li>
<li>
University Diploma of Technology in Networks and Telecommunications, Cybersecurity track (2024) - IUT Lannion - Lannion (22)
</li>
</ul>
</div>
<div className="p-6 rounded-xl border-white/10 border hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Work Experience
</h3>
<div className="space-y-4 text-gray-300">
<div>
<h4 className="font-semibold">Intern in Software Quality and Code Correction at Nokia (2024)</h4>
<p>Correction of Python code to meet PEP8 standards and Writting unitary test</p>
</div>
<div>
<h4 className="font-semibold">General Assistant at Intermarché (2024)</h4>
<p>Customer service, Stock management and Store maintenance</p>
</div>
</div>
</div>
</div>
</div>
</RevealOnScroll>
</section>
)
}
export default About;
src/components/sections/Contact.jsx
+9
View File
@@ -0,0 +1,9 @@
function Contact() {
return (
<section id="contact">
</section>
)
}
export default Contact;
src/components/sections/Home.jsx
+31
View File
@@ -0,0 +1,31 @@
import RevealOnScroll from "../RevealOnScroll";
function Home() {
return (
<section id="home" className="min-h-screen flex items-center justify-center relative">
<RevealOnScroll>
<div className="text-center z-10 px-4">
<h1 className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent leading-right">
Alexis Pencrane
</h1>
<p className="text-gray-500 text-lg mb-8 max-w-lg mx-auto">
I'm a student in Networks and Telecommunications, specializing in Cybersecurity. I love learning new things related to networking and cybersecurity.
</p>
<div className="flex justify-center space-x-4">
<a href="#projects" className="bg-blue-500 text-white py-3 px-6 rounded font-medium transition relative overflow-hidden hover:-translate-y-0.5 hover:shadow-[0_0_15px_rgba(59, 130, 246, 0.4)]">
View Projects
</a>
<a href="#contact" className="border border-blue-500/50 text-blue-500 py-3 px-6 rounded font-medium transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_0_15px_rgba(59, 130, 246, 0.2)] hover:bg-blue-500/10">
Contact Me
</a>
</div>
</div>
</RevealOnScroll>
</section>
)
}
export default Home;
src/components/sections/Projects.jsx
+27
View File
@@ -0,0 +1,27 @@
import RevealOnScroll from "../RevealOnScroll";
function Projects() {
return (
<section id="projects" className="min-h-screen flex items-center justify-center py-20">
<RevealOnScroll>
<div className="max-w-5xl mx-auto px-4">
<h2 className="text-3xl font-bold mb-8 bg-gradient-to-r from-blue-500 to-cyan-400 bg-clip-text text-transparent text-center">Featured Projects</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="p-6 rounded-xl border border-white/10 hover:-translate-y-1 hover:border-blue-500/30 hover:shadow-[0_2px_8px_rgba(59,130,246,0.1)] transition-all">
<h3 className="text-xl font-bold mb-2">RTPhone</h3>
<p className="text-gray-400 mb-4">
Description...
</p>
<div href="#" className="text-blue-400 hover:text-blue-200 transition-colors">
View Project
</div>
</div>
</div>
</div>
</RevealOnScroll>
</section>
)
}
export default Projects;