Caf'Thé
Caf'thé est un site e-commerce de vente de café, de thé, d'accessoires, etc.
- Node.js >= 18
- npm
- Une API back-end fonctionnelle
- Une base de données MySQL fonctionnelle
# 1. Cloner le dépôt
git clone https://github.com/eloro41/cafthe-front.git
cd cafthe-front
# 2. Installer les dépendances
npm install
# 3. Configurer l'environnement
cp .env.example .env
# Éditer .env et renseigner VITE_API_URL
# 4. Lancer le serveur de développement
npm run devL'application sera accessible sur http://localhost:5173.
| Variable | Description | Exemple |
|---|---|---|
VITE_API_URL |
URL de | http:// |
| l'API back- | localho | |
| end | st:3000 | |
VITE_... |
| Commande | Description |
|---|---|
npm run dev |
Lancer le serveur de developpement |
npm run build |
Construire le projet pour la prod |
npm run preview |
Previsualiser le build de prod |
npm run lint |
Lancer ESLint sur le projet |
/,Accueil avec produits phares
/login / /register Authentification client
/forgot-password, Réinitialisation de mot de passe (via PUT)
/produits, Catalogue complet filtrable
/panier, Gestion du panier avant commande
/aide-contact, Formulaire de contact (via Formspree)
src/
├── assets/ # Images, logos et icônes
├── components/ # Composants réutilisables (Navbar, Footer, ProductCard)
├── context/ # AuthContext (gestion du token JWT)
├── pages/ # Vues principales (Home, Login, Register, AideContact)
├── styles/ # CSS par page et global
├── App.jsx # Routage principal
└── main.jsx # Point d'entrée React
npm run buildLes fichiers statiques sont generes dans le dossier dist/.
Frontend : Déployé sur Vercel.
Backend : Hébergé sur [Plesk].
Base de données : Hébergée sur [Plesk].
# Lancer les tests
npm run test-
React 18 (Vite)
-
Node.js (Express) pour l'API
-
MySQL pour la gestion des données
-
JSON Web Token (JWT) pour la sécurité
-
Bcrypt pour le hachage des mots de passe
-
Formspree pour la gestion des mails de contact
- Eloise Robert — Créatrice
Ce projet est sous licence MIT