🌊 Portfolio — Leonardo Silva

A high-end, immersive digital portfolio for a Senior Copywriter & Editorial Project Manager. This project blends a nature-inspired aesthetic (Seaglass & Forest palette) with cutting-edge web technologies to create a "glassmorphism" fluid experience.

✨ Highlights

• Aesthetic: Modern glassmorphism with emerald/teal gradients and soft white surfaces.
• Interactive: Integrated particles & 3D elements via react-three-fiber and tsparticles.
• Responsive: Fully optimized for mobile, tablet, and desktop viewing.
• SEO Optimized: Pre-configured meta tags, open-graph support, and semantic HTML5.
• Accessibility: Respects prefers-reduced-motion and implements ARIA-compliant focus states.

---

🚀 Tech Stack

• Core: React 19 + Vite
• Styling: SASS (SCSS) with a custom modular design system.
• Visuals:
  • Three.js + @react-three/fiber for 3D rendering.
  • tsParticles for dynamic background interaction.
  • postprocessing for high-end visual effects.
• Navigation: React Router 6 for seamless SPA transitions.
• Deployment: GitHub Pages with SPA support (404.html mirroring).

---

🛠️ Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/AndreaP2A/Portfolio-LMFS.git
   cd Portfolio-LMFS

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

---

📦 Build & Deployment

Build for Production

npm run build

GitHub Pages Setup

This project uses gh-pages for deployment.

1. Ensure base in vite.config.js matches your repository name:

   base: '/Portfolio-LMFS/'

2. Deploy with one command:

   npm run deploy

Note: Deep linking is supported on GitHub Pages via a custom 404.html that redirects to the main entry point.

---

🎨 Customization

• Colors & Tokens: Modify variables in src/styles/_variables.scss.
• Project Content: Update the data in src/components/WorkGrid.jsx.
• SEO & Social: Update metadata in index.html.

---

📄 License

This project is MIT licensed.

---

Created with care by Andrea — for Leonardo Silva's next chapter.