https://github.com/elhalj/shop-with-typscript
Shop website create with Typescript JavaScript Zustand Tailswindcss DaisyUI
https://github.com/elhalj/shop-with-typscript
Last synced: 2 months ago
JSON representation
Shop website create with Typescript JavaScript Zustand Tailswindcss DaisyUI
- Host: GitHub
- URL: https://github.com/elhalj/shop-with-typscript
- Owner: elhalj
- License: mit
- Created: 2025-05-24T22:08:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-25T19:10:45.000Z (about 1 year ago)
- Last Synced: 2025-05-25T20:22:52.427Z (about 1 year ago)
- Language: TypeScript
- Size: 26.8 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# E-Commerce Moderne avec React et TypeScript
Une plateforme e-commerce moderne construite avec React, TypeScript et Vite, intégrant des fonctionnalités avancées comme un chatbot intelligent et une expérience utilisateur optimisée.
## 🌟 Fonctionnalités
### Implémentées
- Interface utilisateur moderne et responsive
- Gestion d'état avec Zustand
- Système de thème dynamique
- Gestion des articles avec API REST
- Authentification utilisateur
- Affichage des produits en grid layout adaptatif
### À venir
- 🤖 Chatbot intelligent pour l'assistance client
- 🔍 Recherche avancée avec filtres
- 🛒 Panier d'achat en temps réel
- 💳 Système de paiement sécurisé
- 👤 Profils utilisateurs personnalisés
- 📱 Application mobile (PWA)
## 🛠 Stack Technique
- **Frontend:**
- React avec TypeScript
- Vite pour le build
- TailwindCSS pour le styling
- Zustand pour la gestion d'état
- **Architecture:**
- Structure modulaire
- Contexts pour les thèmes et l'authentification
- Stores pour la gestion des données
- Types stricts avec TypeScript
## 🚀 Pour Commencer
1. Cloner le projet
```bash
git clone https://github.com/elhalj/shop-with-typscript.git
cd shop-with-typescript
```
2. Installer les dépendances
```bash
pnpm install
```
3. Lancer le serveur de développement
```bash
pnpm run dev
```
## 📁 Structure du Projet
```
src/
├── assets/ # Ressources statiques
├── components/ # Composants réutilisables
├── context/ # Contexts React
│ ├── article/ # Gestion des articles
│ ├── theme/ # Gestion du thème
│ └── user/ # Gestion utilisateur
├── pages/ # Pages de l'application
├── store/ # Stores Zustand
└── types/ # Types TypeScript
```
## 🔜 Prochaines Étapes
- Intégration du chatbot avec IA
- Système de recommandations
- Analytics en temps réel
- Optimisation des performances
- Tests automatisés
},
})
```