Starter Kit

Appearance

Frontend ​

Auteur : docteurZed
Outils utilisés : Vue.js 3, TailwindCss, Lucide

Ce Starter Kit est un ensemble complet de composants, layouts, modules et utilitaires prêts à l’emploi pour accélérer la création d’applications web professionnelles.

Il a été pensé pour des projets modulaires, scalables et maintenables, tout en offrant une base claire pour développer rapidement des interfaces robustes.

Télécharger le Starter Kit (Frontend) ​

Le code source complet du frontend est disponible ici :

👉 https://github.com/docteurZed/starterkit-frontend

Vous pouvez l'utiliser comme base pour vos propres projets, ou simplement explorer son architecture pour comprendre son fonctionnement.

Objectifs du Starter Kit ​

  • Proposer une structure front-end standardisée, claire et modulaire
  • Fournir des composants réutilisables et extensibles (UI, formulaires, tableaux, navigation…)
  • Faciliter la gestion de la logique partagée via des composables
  • Standardiser les pratiques communes : variantes, tailles, thèmes, tokens
  • Offrir une base maintenable, scalable et rapide à prendre en main

Ce que contient le Starter Kit ​

  • Composants UI (Boutons, Alerts, Avatars, Modals, Cards, Drawer, Toast…)
  • Composants de formulaires (Inputs, Select, Checkbox, Radio, Switch…)
  • Système complet de data-table
  • Layouts globaux : Admin, Auth, Public, Error
  • Modules fonctionnels prêts à l’emploi (admin, auth, public)
  • Routing modulaire
  • Composables (useModal, useDrawer, useTheme…)
  • Utils / helpers pour variants, sizes, couleurs
  • Services, stores, config, pages

Technologies principales ​

  • Vue 3 (Composition API)
  • TailwindCSS
  • Vue Router
  • Architecture modulaire orientée composants
  • Exports globaux par dossier pour une utilisation simplifiée

Remarque ​

Cette documentation est en cours d’enrichissement :
chaque composant, dossier et module sera détaillé pour permettre une meilleure compréhension du Starter Kit.