Hoonesty - Documentation

Appearance

HoonestyDocumentation Technique

Documentation complète du projet Hoonesty Nuxt3 - Organisme de formation professionnelle

Commencer
Guide de démarrage
🚀

Stack Moderne

Nuxt 3, Vue 3, TypeScript, Tailwind CSS - Technologies de pointe pour une performance optimale

📧

Système d'Emailing

Nodemailer avec SMTP Gmail et templates HTML élégants pour formulaire de contact

🎨

Design Système Violet

Charte graphique cohérente avec gradient violet et jaune brand (#F0D300)

🔒

SEO Optimisé

Meta tags, Open Graph, sitemap.xml, et composable useSEO réutilisable

⚡

Déploiement Vercel

Déploiement serverless avec Nitro pour une mise en production rapide

🎬

Animations Avancées

Accordéons avec bounce, vidéos superposées, cards avec hover effects

Démarrage Rapide ​

bash
# Installation des dépendances
pnpm install

# Lancer le serveur de développement
pnpm dev

# Accéder à l'application
# http://localhost:3000

Fonctionnalités Principales ​

Pour les Visiteurs ​

  • ✅ Navigation avec menu gradient violet
  • ✅ Page d'accueil avec vidéos superposées et accordéon témoignages
  • ✅ Page Expertise avec 6 blocs alternés (Product, IA, Digital, QA)
  • ✅ Page Contact avec image et email animé
  • ✅ Formulaire de contact fonctionnel (6 champs + envoi SMTP Gmail)

Design & Branding ​

  • ✅ Couleurs : Violet #2B0263, Violet secondaire #5704C9, Jaune #F0D300
  • ✅ Police : Montserrat (300-800) + Jumper
  • ✅ Gradient menu : linear-gradient(69.19deg, #2B0263 22.77%, #5704C9 129.77%)
  • ✅ Règle stricte : Tailwind CSS uniquement, JAMAIS de balises <style>

Architecture ​

Le projet suit une architecture full-stack moderne :

  • Frontend : Nuxt 3 avec Vue 3 et TypeScript
  • Backend : API Nitro serverless
  • Email : Nodemailer + SMTP Gmail
  • Styling : Tailwind CSS (UNIQUEMENT)
  • Déploiement : Vercel + Cloudflare DNS

Support ​

Pour toute question ou assistance, consultez la documentation complète ou contactez l'équipe Hoonesty.

Documentation Hoonesty

Copyright © 2025 Hoonesty