Techno-Palette est une application web qui permet aux utilisateurs de gérer efficacement leur inventaire. Les utilisateurs peuvent ajouter, mettre à jour, supprimer, rechercher et classer des articles. L'application prend en charge l'importation et l'exportation d'articles depuis et vers des fichiers Excel. Construite avec Vite et React, elle offre des performances optimales et une expérience utilisateur fluide.
- Ajouter un article : Ajouter un nouvel article en fournissant des détails tels que le code, la désignation, la quantité, le prix (format :
0.000 TND), la catégorie et une image optionnelle. - Mettre à jour un article : Modifier les détails d'un article existant.
- Supprimer un article : Supprimer un article de l'inventaire.
- Rechercher des articles : Rechercher des articles par code, désignation ou catégorie.
- Catégoriser les articles : Organiser les articles en catégories pour une meilleure gestion.
- Exporter vers Excel : Exporter la liste des articles vers un fichier Excel.
- Importer depuis Excel : Importer des articles depuis un fichier Excel dans l'inventaire.
- Design réactif : L'application s'adapte à différentes tailles d'écran.
- Interface intuitive : Une interface simple et ergonomique pour la gestion des articles.
- Frontend : React (avec Vite), Tailwind CSS
- Gestion d'état : Hooks React (
useState,useEffect) - Bibliothèques : React Icons
- Gestion des fichiers : SheetJS (pour l'import/export Excel)
- Node.js (version 14 ou supérieure)
- npm (version 6 ou supérieure)
- Cloner le dépôt :
git clone https://github.com/votre-utilisateur/techno-palette.git
- Naviguer dans le répertoire du projet :
cd techno-palette - Installer les dépendances :
npm install
- Démarrer le serveur de développement :
npm run dev
- Aller à la page "Ajouter un article".
- Remplir les champs requis.
- Cliquer sur "Enregistrer" pour ajouter l'article à l'inventaire.
- Accéder à la page "Liste des articles".
- Sélectionner un article pour le modifier ou le supprimer.
- Enregistrer les modifications ou supprimer définitivement.
- Utiliser la barre de recherche pour filtrer les articles par code, désignation ou catégorie.
- Aller à la page "Import/Export".
- Choisir "Importer depuis Excel" pour téléverser des articles.
- Cliquer sur "Exporter vers Excel" pour télécharger l'inventaire actuel.