Skip to content

hamtun24/Techno-Palette

Repository files navigation

Techno-Palette

Aperçu

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.

Fonctionnalités

Gestion des Articles

  • 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.

Importation / Exportation

  • 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.

Interface Utilisateur

  • Design réactif : L'application s'adapte à différentes tailles d'écran.
  • Interface intuitive : Une interface simple et ergonomique pour la gestion des articles.

Technologies Utilisées

  • 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)

Installation

Prérequis

  • Node.js (version 14 ou supérieure)
  • npm (version 6 ou supérieure)

Étapes d'installation

  1. Cloner le dépôt :
    git clone https://github.com/votre-utilisateur/techno-palette.git
  2. Naviguer dans le répertoire du projet :
    cd techno-palette
  3. Installer les dépendances :
    npm install
  4. Démarrer le serveur de développement :
    npm run dev

Utilisation

1. Ajouter un article

  • Aller à la page "Ajouter un article".
  • Remplir les champs requis.
  • Cliquer sur "Enregistrer" pour ajouter l'article à l'inventaire.

2. Mettre à jour / Supprimer un article

  • Accéder à la page "Liste des articles".
  • Sélectionner un article pour le modifier ou le supprimer.
  • Enregistrer les modifications ou supprimer définitivement.

3. Rechercher des articles

  • Utiliser la barre de recherche pour filtrer les articles par code, désignation ou catégorie.

4. Importer / Exporter des articles

  • 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.

Techno-Palette

About

article managment app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors