Vallées Connectées

Vallées Connectées est une association de droit local (Alsace) basé dans la Vallée de Munster (68). Elle a pour but de de favoriser le lien social par le biais notamment des outils numériques, pour tous les publics, en territoire rural.

Nos actions :

• 🤖 Ateliers robotique intergénérationnels à la médiathèque de Munster
• ✨ Participation aux Repair Café organisés par l'association Vallée de Munster en Transition avec notre imprimante 3D
• 💻 Formations (utilisation de Wordpress, éducation au numérique, etc.) pour tous les publics
• 🛠️ Soutien technique ponctuel (utilisation de logiciels libres, questions sur Linux, etc.)
• ... et on s'adapte aux besoins du territoire 🌟

Les ressources :

• le site web
• l'espace Hello Asso pour adhérer ou faire un don

A propos du site

Ce site a été l'occasion pour moi de découvrir Astro, dans toute sa simplicité et sa légèreté pour des sites statiques.

J'en ai profité pour :

• découvrir notre super hébergeur O2switch et la gestion multi-site largement simplifiée qu'il propose via CPanel
• découvrir le nom de domaine local .alsace
• découvrir TailwindCSS
• ajouter des composants UI Flowbite
• travailler sur les méthodes de déploiement :
  • directement via IntelliJ,
  • via Vercel
  • via des GitHub actions en connexion sFTP sur o2switch 🙌

Ce projet a aussi été l'occasion de me sensibiliser :

• à l'impact écologique du site (EcoIndex A)
• à l'accessibilité [TODO] : le prochain objectif sur ce projet 🎯

... et à venir :

• mise en place des tests UI avec Playwright [TODO] 👉 l'occasion de tester des éléments d'accessibilité lorsque le site sera conforme

🛠️ Stack Technique

• Framework : Astro 5.0.4
• CSS : TailwindCSS 3.4.16
• Icônes : Astro Icon
• Composants UI : Flowbite 2.5.2
• Langage : TypeScript ^5.7.2

🚀 Déploiement

Le projet est déployé

• sur Vercel grâce à l'intégration avec @astrojs/vercel [TODO = prévoir ce déploiement pour l'intégration]
• sur o2switch (hébergeur de l'association) directement en sFtp

📂 Structure du Projet

• Config principale : astro.config.mjs
• Gestion du style : tailwind.config.mjs
• Gestion des collections : src/content.config.ts
• TypeScript : Config et composants dans src
• Pages : Pages principales dans src/pages
• Composants : Composants réutilisables dans src/components

🏗️ Installation et Démarrage

# 1. Clone ce dépôt
git clone https://github.com/marionLa/vallees-connectees-website.git
cd vallees-connectees-website

# 2. Installe les dépendances
npm install

# 3. Démarre l'application sur le serveur de dev local
npm run astro

📖 Build du projet

npm run build

🚧 Toujours en cours de développement 🚧