Projets
Projet 1 : Création d'un site vitrine avec Wordpress/Stripe
Description du projet :
Création d'un site Wordpress pour Bandyy, une entreprise événementielle, intégrant un tunnel de paiement Stripe pour l'accès aux offres.
Technologies utilisées :
Choix de ces technologies :
Wordpress pour sa facilité d'utilisation, Stripe pour le paiement, HTML/CSS pour personnalisation visuelle.
Difficultés rencontrées :
Création du fichier docker-compose
Pour Installer Wordpress, j'ai utilisé Docker pour avoir une base de données en plus et pouvoir exporter le site facilement. le fichier docker-compose permet de déployer à la fois Wordpress, mais aussi une base de données en local.
services:
wordpress:
image: wordpress:latest
container_name: wordpress
volumes:
- ./wordpress:/var/www/html
environment:
- WORDPRESS_DB_NAME=wordpress
- WORDPRESS_TABLE_PREFIX=wp_
- WORDPRESS_DB_HOST=db:3306
- WORDPRESS_DB_USER=root
- WORDPRESS_DB_PASSWORD=password
depends_on:
- db
- phpmyadmin
restart: always
ports:
- 8080:80
db:
image: mariadb:latest
container_name: db
volumes:
- ./mariadb_db_data:/var/lib/mysql
ports:
- 3306:3306
environment:
- MYSQL_ROOT_PASSWORD=password
- MYSQL_USER=root
- MYSQL_PASSWORD=password
- MYSQL_DATABASE=wordpress
restart: always
phpmyadmin:
depends_on:
- db
image: phpmyadmin/phpmyadmin:latest
container_name: phpmyadmin
restart: always
ports:
- 8081:80
environment:
PMA_HOST: db
MYSQL_ROOT_PASSWORD: password
- Choix de l'éditeur (Gutenberg vs Elementor) et personnalisation CSS
- Migration du site sur un serveur de test
- Intégration de Stripe
Tarification avec Stripe :
Ajout d'un produit dans Stripe
Cliquez sur "Ajouter un produit" puis sur "Ajouter un tarif". Remplissez les détails du tarif : nom, prix, devise, fréquence de facturation (par exemple, mensuelle ou annuelle).
Ajout du tableau de prix
Une fois le tarif créé, il convient d'ajouter un tableau de prix avec les différents produits.
Intégration du script Stripe
Pour utiliser ce tableau, il faut intégrer le script généré par Stripe dans la page Wordpress.
Maquette du site :
Résultat final :
Trois semaines de travail en raison de nombreux défis techniques rencontrés.