🌐 Overview
Static website built with pure JavaScript, deployed via GitHub and Netlify, without any frontend framework. Lightweight architecture with external services for advanced features.
⚙️ Frontend
Architecture
- Vanilla JavaScript (no framework)
- Native HTML / CSS
- Direct DOM manipulation
Minimalist approach focused on control and performance.
📚 External Features
📖 Flipbooks
Uses Turn.js to create interactive books with page-flip effects.
🗺️ Mapping
OpenStreetMap integration to display travel destinations interactively.
✉️ Contact form
Email sending via Google Apps Script, used as a lightweight serverless backend.
☁️ Hosting & Deployment
- Hosting: Netlify (global CDN + automatic HTTPS)
- CI/CD: GitHub → Netlify (automatic deployment)
- DNS: OVHcloud (or Cloudflare depending on configuration)
🌍 Domain
- Registrar: OVHcloud
- Internationalized domain name (IDN using punycode)
🔐 Security
- Automatic HTTPS via Netlify
- No exposed backend server
- Isolated Google Apps Script for contact form
- Client-side validation before submission
✉️ Contact backend (Google Apps Script)
Contact form sends emails via Google Apps Script, used as a lightweight serverless backend.
- HTTPS Google Apps Script endpoint
- No backend server maintenance required
- Watch out for quotas and spam protection
📸 Travel photos (work in progress)
Former system based on IPFS (Infura), currently unstable or deprecated. This section is under reconstruction.
- Previous storage: IPFS via Infura
- Current issues: reliability and endpoint availability
- Planned migration to a more stable solution (CDN or Netlify assets)
- Temporarily disabled / being rebuilt
Goal: a simple, fast, and durable gallery without fragile dependencies.
🚀 Technical philosophy
- Minimal frontend without frameworks
- Specialized external services (maps, email, flipbooks)
- Modular and pragmatic architecture
- Automated deployment via Git