https://github.com/andriamahay11master/simplysweet
Application de suivi des ventes d'articles pour enfants, avec gestion d'inventaire, suivi des KPI et tableau de bord pour visualiser les performances.
https://github.com/andriamahay11master/simplysweet
css3 firebase firebase-auth firestorage firestore html5 react-csv react-webcam scss typescript xlsx
Last synced: about 1 month ago
JSON representation
Application de suivi des ventes d'articles pour enfants, avec gestion d'inventaire, suivi des KPI et tableau de bord pour visualiser les performances.
- Host: GitHub
- URL: https://github.com/andriamahay11master/simplysweet
- Owner: Andriamahay11master
- Created: 2024-09-04T07:28:09.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-23T11:19:01.000Z (8 months ago)
- Last Synced: 2025-02-11T14:54:39.325Z (3 months ago)
- Topics: css3, firebase, firebase-auth, firestorage, firestore, html5, react-csv, react-webcam, scss, typescript, xlsx
- Language: TypeScript
- Homepage: https://simply-sweet.vercel.app/
- Size: 3.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Application de Suivi des Ventes d'Articles d'Enfants
Cette application est un outil de gestion pour suivre les ventes d'articles pour enfants, développée avec **React JS**, **TypeScript**, **Vite**, **HTML**,**SCSS** et **Firebase**. Elle permet de gérer efficacement les stocks, de suivre les KPI des ventes, et d'exporter des données sous forme de fichiers CSV ou Excel.
## Fonctionnalités principales
- **Suivi des ventes :** Visualisez le nombre d'articles vendus, non vendus, les bénéfices, et les montants des ventes par mois pour une année donnée.
- **Ajout d'articles :** Ajoutez facilement de nouveaux articles à vendre, avec gestion des quantités et des tailles.
- **Filtres avancés :** Filtrez les articles par état (vendu ou non vendu), par mois et année.
- **Export de données :** Exportez les listes d'articles et les rapports de ventes en fichiers CSV ou Excel.
- **Interface utilisateur réactive :** Design adapté pour les appareils mobiles et de bureau, avec un style moderne.
## Technologies utilisées
- **React JS & TypeScript :** Pour une architecture modulaire et un typage strict.
- **Vite JS :** Utilisé pour le build rapide et le développement avec Hot Module Replacement (HMR).
- **SCSS :** Pour une gestion avancée des styles avec un design réactif.
- **Firebase Firestore :** Base de données utilisée pour stocker et gérer les articles et les ventes.
## Installation et démarrage
1. Clonez le dépôt :
```bash
git clone https://github.com/Andriamahay11master/SimplySweet.git
cd SimplySweet
```
2. Installez les dépendances :
```bash
npm install
```
3. Lancez l'application en mode développement :
```bash
npm run dev
```
4. Accédez à l'application sur `http://localhost:5173`.
## Structure du projet
- **src/** : Contient le code source de l'application.
- **components/** : Composants réutilisables tels que les formulaires, alertes, tableaux, etc.
- **pages/** : Pages principales de l'application.
- **assets/** : Fichiers SCSS pour la gestion des styles globaux et des composants.
- **models/** : Pour le typage des données.
- **data/** : Pour les données statiques utilisés par l'application.
## Commandes utiles
- **`npm run dev`** : Démarre l'application en mode développement.
- **`npm run build`** : Génère un build de production.
- **`npm run lint`** : Vérifie et corrige le code avec ESLint.
## Contribution
Les contributions sont les bienvenues. Si vous souhaitez contribuer, ouvrez un problème ou une pull request.