Ce dépôt contient le site web du projet Pizza Cap, réalisé en React + TypeScript avec Tailwind CSS dans le cadre du projet de 4ᵉ année à l'ISEN. Il a pour objectif de créer une interface moderne et responsive permettant de consulter, commander des pizzas du restaurant PizzaCap, à partir d'une maquette réalisée sur Figma.
Le site consomme une API externe développée séparément, disponible dans le dépôt apiPizza.
- 🕓 Durée de développement : 16 heures
- 🎓 Projet pédagogique (développement web)
- 🎨 Maquette conçue sur Figma
- 🧪 Tests intégrés
- 🌐 API Flask externe (repo apiPizza)
- ⚛️ React
- 🧠 TypeScript
- 💨 Tailwind CSS
- 📏 ESLint
- 🧪 Tests front (en cours d'implémentation)
Le frontend communique avec une API Flask exposée localement ou en ligne.
Méthode | Endpoint | Description |
---|---|---|
GET | /pizzas |
Liste des pizzas |
GET | /pizzas/<id> |
Description d'une pizza |
GET | /restaurants |
Liste des restaurants |
Nous prévoyons d’intégrer des tests frontaux pour :
- Vérifier l’affichage dynamique des pizzas
- Tester les composants critiques (cards, pages dynamiques, etc.)
- Garantir la robustesse de l'intégration API
pizza-cap/ ├── public/ ├── src/ │ ├── components/ │ ├── pages/ │ ├── styles/ │ └── types/ ├── .eslintrc.js ├── tailwind.config.js ├── tsconfig.json └── README.md
- Connexion à l’API
- Intégration de la maquette Figma
- Affichage dynamique des pizzas
- Mise en place des tests
- Déploiement potentiel
Projet réalisé par Rozenn et Éloïse, étudiantes de 4ᵉ année à l’ISEN, dans le cadre du module de développement web.