Skip to content

README.md

Latest commit

 

History

History
107 lines (77 loc) · 2.49 KB

README.md

File metadata and controls

107 lines (77 loc) · 2.49 KB

CodeTogether - Frontend

Application Vue.js 3 avec TypeScript et Vite.

🚀 Installation

npm install

📋 Commandes disponibles

Développement

npm run dev

L'application sera accessible sur http://localhost:5173

Production

npm run build
npm run preview

Tests

# Tests de composants (headless)
npm run test:unit

# Tests de composants (avec interface)
npm run test:unit:dev

# Tests E2E (headless)
npm run test:e2e

# Tests E2E (avec interface)
npm run test:e2e:dev

Qualité de code

# Linting
npm run lint

# Vérification TypeScript
npm run type-check

🗂️ Structure du projet

Front/
├── cypress/           # Tests Cypress (E2E et composants)
├── public/            # Assets statiques
└── src/
    ├── assets/
    │   └── styles/    # SCSS global et helpers
    ├── components/
    │   ├── form/      # Composants de formulaire
    │   ├── loader/    # Loaders
    │   ├── structure/ # Layout (Header, Submenu)
    │   └── svg/       # Icônes et logos SVG
    ├── entities/      # Types TypeScript
    ├── helpers/       # Utilitaires
    ├── router/        # Configuration Vue Router
    └── views/         # Pages de l'application

🎨 Système de design

Couleurs (définies dans main.scss)

Variable Couleur Usage
$primary #58b9ff Couleur principale
$secondary #ffbf1d Couleur secondaire
$light #fefefe Texte clair
$dark #1c1b20 Fond sombre

Classes utilitaires

  • Display : .f, .f-col, .a-cent, .j-betw
  • Spacing : .mb-32, .ml-16, .p-32-64
  • Background : .bg-dark, .bg-primary, .br-50

📄 Pages

Route Composant Description
/ HomeView Page d'accueil
/login LoginView Connexion
/register RegisterView Inscription
/my-profile MyProfile Profil utilisateur

🔧 Configuration IDE

Recommandé : VSCode avec :

⚠️ Désactiver Vetur si installé