Noël Joan – Modern Portfolio

A single‑page portfolio showcasing the career of Noël Joan, Senior Technical Data & SAP Specialist.

Open https://noeljoan.github.io/portfolio/ in a browser.

Features

• Clean, responsive design using a professional blue/orange palette
• Projects showcase (SAP master‑data, AI‑driven drawing analysis, cost‑management dashboard, standards automation, CAD integration, multilingual terminology)
• Full CV download (resume.pdf)
• Working contact form via Formspree (no backend needed)
• Dark/Light theme toggle (stores preference in localStorage)
• Smooth scrolling, mobile navigation, and subtle scroll‑fade animations
• Ready‑to‑deploy static site (GitHub Pages, Netlify, Vercel, etc.)

Quick Start (Local)

# Navigate to the portfolio folder
cd "D:\\Bewerbung\\Allgemeine Bewerbung DEFS\\portfolio"

# Serve locally (Python http.server works on Windows)
python -m http.server 8000

Open https:/localhost:8000/ in a browser.

Deployment to GitHub Pages

1. Create a new repository on GitHub (e.g., username/portfolio).
2. In the folder, run:

git init
git add .
git commit -m "Initial portfolio commit"
# Replace <repo‑url> with your GitHub repo HTTPS URL
git remote add origin <repo‑url>
git branch -M main
git push -u origin main

3. In the repository settings enable Pages on the main branch (root folder).
4. Your site will be live at https://username.github.io/portfolio/.

Deployment to Netlify (drag‑and‑drop)

1. Create a free Netlify account.
2. In the dashboard, click New site from Git or Deploy manually.
3. For manual deploy, simply drag the portfolio folder (or the portfolio.zip you generated) onto the Netlify UI.
4. Netlify will provide a live URL.

Dark/Light Theme Toggle

• Click the sun/moon icon in the navigation bar to switch themes.
• Preference is saved, so the chosen mode persists across visits.

Project Structure

portfolio/
├── index.html          # Home page (includes About, Experience, Skills, Contact)
├── projects.html       # Dedicated Projects showcase page
├── styles.css          # All styling (including dark mode)
├── script.js           # Navigation, smooth scroll, fade‑in, theme toggle
├── resume.pdf          # Full CV (copied from your original file)
├── README.md           # This documentation
└── .gitignore          # Git ignore rules

License

Feel free to use this portfolio as a template. Adjust content, colors, or structure as needed. Dieses Projekt steht unter der MIT-Lizenz – siehe LICENSE Datei für Details.