{"id":29686888,"url":"https://github.com/aeecleclair/nowlight-pe70","last_synced_at":"2026-02-07T02:01:53.018Z","repository":{"id":302706956,"uuid":"1008418588","full_name":"aeecleclair/nowlight-pe70","owner":"aeecleclair","description":"NowLight_pe70","archived":false,"fork":false,"pushed_at":"2025-07-14T15:07:01.000Z","size":49694,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-23T04:09:42.837Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://nowlight.myecl.fr","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aeecleclair.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-25T14:10:15.000Z","updated_at":"2025-07-14T15:06:37.000Z","dependencies_parsed_at":"2025-07-03T20:40:32.922Z","dependency_job_id":null,"html_url":"https://github.com/aeecleclair/nowlight-pe70","commit_stats":null,"previous_names":["aeecleclair/nowlight-pe70"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/aeecleclair/nowlight-pe70","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeecleclair%2Fnowlight-pe70","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeecleclair%2Fnowlight-pe70/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeecleclair%2Fnowlight-pe70/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeecleclair%2Fnowlight-pe70/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aeecleclair","download_url":"https://codeload.github.com/aeecleclair/nowlight-pe70/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeecleclair%2Fnowlight-pe70/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29184977,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-07T00:44:15.062Z","status":"online","status_checked_at":"2026-02-07T02:00:07.217Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-23T04:06:14.664Z","updated_at":"2026-02-07T02:01:53.003Z","avatar_url":"https://github.com/aeecleclair.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NowLight Website\n\nUn site web moderne pour le projet NowLight, développé avec Vue.js 3, Tailwind CSS et Vite.\n\n## 🚀 Installation\n\n### Prérequis\n- Node.js 18+ \n- npm ou yarn\n\n### Étapes d'installation\n\n```bash\n# 1. Cloner le projet\ngit clone https://github.com/Kadzzzzz/nowlight-website.git\ncd nowlight-website\n\n# 2. Installer les dépendances\nnpm install\n\n# 3. Démarrer le serveur de développement\nnpm run dev\n```\n\nLe site sera accessible sur `http://localhost:5173`\n\n## 🏗️ Structure du projet\n\n```\n.\n├── Dockerfile                          # Configuration Docker pour le déploiement\n├── generate_project.py                 # Script de génération/setup du projet\n├── index.html                          # Point d'entrée HTML principal\n├── package.json                        # Dépendances et scripts npm\n├── package-lock.json                   # Verrouillage des versions de dépendances\n├── postcss.config.js                   # Configuration PostCSS pour Tailwind\n├── public/                             # Fichiers statiques publics\n│   ├── favicon-modern-2.ico           # Icône du site (version 2)\n│   ├── favicon-modern.ico             # Icône du site principale\n│   ├── robots.txt                     # Instructions pour les robots d'indexation\n│   └── sitemap.xml                    # Plan du site pour le SEO\n├── README.md                          # Documentation du projet\n├── src/                               # Code source principal\n│   ├── App.vue                        # Composant racine de l'application\n│   ├── assets/                        # Ressources statiques\n│   │   └── images/                    # Images du projet\n│   │       ├── ambition-image.jpg     # Image de la section ambition\n│   │       ├── contact-campus*.jpg    # Images du campus pour la section contact\n│   │       ├── contact-image.*        # Images de la section contact\n│   │       ├── hero-background.*      # Images de fond pour la section hero\n│   │       ├── module-finalElectric-* # Images du module électronique final\n│   │       ├── module-initialElectric-* # Images du module électronique initial\n│   │       ├── module-initialMecanic-* # Images du module mécanique initial\n│   │       └── module-optimizedMecanic-* # Images du module mécanique optimisé\n│   ├── components/                    # Composants Vue réutilisables\n│   │   ├── common/                    # Composants communs\n│   │   │   ├── Footer.vue             # Pied de page\n│   │   │   ├── ModuleCard.vue         # Carte d'affichage des modules\n│   │   │   └── Navigation.vue         # Barre de navigation\n│   │   ├── modals/                    # Composants modaux\n│   │   │   └── ModuleModal.vue        # Modal d'affichage des détails de module\n│   │   └── sections/                  # Sections de la page d'accueil\n│   │       ├── AmbitionSection.vue    # Section \"Notre ambition\"\n│   │       ├── ConceptionSection.vue  # Section \"Conception\" avec les modules\n│   │       ├── ContactSection.vue     # Section \"Contact\"\n│   │       ├── EngagementsSection.vue # Section \"Nos engagements\"\n│   │       └── HeroSection.vue        # Section hero avec titre principal\n│   ├── locales/                       # Fichiers de traduction\n│   │   ├── en.json                    # Traductions anglaises\n│   │   └── fr.json                    # Traductions françaises\n│   ├── main.js                        # Point d'entrée JavaScript principal\n│   ├── stores/                        # Stores Pinia pour la gestion d'état\n│   │   └── language.js                # Store pour la gestion des langues\n│   ├── style.css                      # Styles CSS globaux et Tailwind imports\n│   └── views/                         # Vues/Pages principales\n│       ├── Home.vue                   # Page d'accueil principale\n│       └── LanguageSelection.vue      # Page de sélection de langue\n├── tailwind.config.js                 # Configuration Tailwind CSS\n└── vite.config.js                     # Configuration du bundler Vite\n```\n\n## 🔧 Technologies utilisées\n\n- **Vue.js 3** - Framework JavaScript réactif\n- **Vite** - Build tool et serveur de développement\n- **Tailwind CSS** - Framework CSS utilitaire\n- **Pinia** - Gestion d'état pour Vue\n- **Vue Router** - Routage côté client\n- **PostCSS** - Traitement CSS\n\n## 🌐 Fonctionnalités\n\n### ✅ Implémentées\n- Interface multilingue (FR/EN) avec sélection au démarrage\n- Design responsive et moderne\n- Navigation fluide avec scroll smooth\n- Section Hero avec toggle mode éco/standard\n- Section Ambition avec animations\n- Section Conception avec modules cliquables et détaillés\n- Section Engagements avec icônes animées\n- Section Contact avec informations complètes\n- Modales interactives pour afficher les détails des modules\n- Support vidéos YouTube intégrées\n- Galerie d'images avec navigation et zoom\n- Footer complet avec liens sociaux (LinkedIn, GitHub)\n- Animations et effets visuels modernes\n\n### 🎨 Design\n- Palette de couleurs orange/noir moderne\n- Effets de glassmorphism et backdrop-blur\n- Animations CSS fluides\n- Gradients et effets de lumière\n- Design adaptatif selon les sections\n- Micro-interactions sur hover\n\n### 📱 Responsive\n- Mobile First approach\n- Breakpoints optimisés : mobile, tablet, desktop\n- Navigation mobile avec menu hamburger\n- Modales adaptées pour mobile\n- Images et contenus adaptatifs\n\n## 🛠️ Scripts disponibles\n\n```bash\n# Développement\nnpm run dev          # Serveur de développement avec hot-reload\n\n# Production\nnpm run build        # Build optimisé pour production\nnpm run preview      # Prévisualiser le build de production\n\n# Docker\ndocker build -t nowlight-website .\ndocker run -p 80:80 nowlight-website\n```\n\n## ✏️ Personnalisation du contenu\n\n### Modifier les textes des modules\nLes contenus des modules se trouvent dans les fichiers de traduction :\n\n**Pour le français :** `src/locales/fr.json`\n**Pour l'anglais :** `src/locales/en.json`\n\nStructure dans le JSON :\n```json\n{\n  \"modules\": {\n    \"initialElectric\": {\n      \"title\": \"Électronique\",\n      \"description\": \"Description avec syntaxe markdown...\",\n      \"images\": [\"image1.jpg\", \"image2.png\"]\n    }\n  }\n}\n```\n\nSyntaxe supportée dans les descriptions :\n- **Titres** : `## Mon Titre` ou `### Sous-titre`\n- **Gras** : `**texte en gras**`\n- **Listes** : `• Point de liste`\n- **Références d'images cliquables** : `[Img:1, Txt:\"Figure 1\"]`\n- **Liens** : `***https://mon-lien.com***`\n- **Saut de ligne** : `\\n\\n`\n\n### Ajouter des images\nPlacez vos images dans `src/assets/images/` et référencez-les dans les fichiers JSON avec leur nom exact.\n\n### Modifier les informations de contact\nÉditez les fichiers :\n- `src/components/sections/ContactSection.vue`\n- `src/components/common/Footer.vue`\n\n## 🎯 Fonctionnalités avancées\n\n### Mode Éco\n- Désactive les animations coûteuses\n- Remplace les images par des placeholders\n- Optimise les performances\n\n### Modules interactifs\n- Navigation par images numérotées\n- Références cliquables dans le texte\n- Support vidéo YouTube intégré\n- Zoom et navigation dans les galeries\n\n### Internationalisation\n- Commutation de langue en temps réel\n- Persistance du choix de langue\n- URLs et métadonnées adaptées\n\n*Projet d'étude - NowLight 2025*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeecleclair%2Fnowlight-pe70","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faeecleclair%2Fnowlight-pe70","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeecleclair%2Fnowlight-pe70/lists"}