EcoVille

Site web d'Écoville imaginé pour le concours de l'École du web.

Écoville est une ville imaginaire qui s'inspire de la forme hexagonale et de ses caractéristiques environnementales. Elle est conçue pour minimiser son impact environnemental tout en favorisant une vie communautaire active et ouverte.

Outils de développement

• Framework Next.js (App Router)
• Tailwind CSS pour le CSS et ses classes utilitaires
• Librairie GSAP pour les animations et ses super plugins
• Lenis.js pour améliorer l'expérience des animations au scroll
• shadcn installé mais non utilisé
• React Compare Slider pour la comparaison avant/après
• Polices utilisées : Paytone One et Athiti
• Icônes de Lucide et Radix UI
• Images générées par Midjourney

La quasi-totalité du contenu textuel est dans le dossier content.

Toutes les images (webp et svg) sont dans le dossier public.

Expérience

J'ai beaucoup apprécié ce concours. N'ayant pas eu le temps pour faire un multipage, je me suis concentré sur une seule page, avec un menu de navigation accessible via un bouton situé en haut à droite de la page.

Peut-être pousserai-je le projet un peu plus loin ensuite, pour en faire une base de landing page ^^ avec la gestion du blog etc.

P.S. : Je n'ai pas forcément été très rigoureux sur le nommage des commits 🙃