Okazbook

1 min read Page Views

Dépôt Github : https://github.com/Samm-ia/okazbook

Technologies : PHP, Bootstrap, MySQL

Contexte du projet

OkazBook est l’un de mes premiers projets web réalisés en BTS SIO option SLAM.
L’objectif était de créer un site d’annonces permettant aux utilisateurs de poster, consulter et supprimer des annonces de livres d’occasion.

Ce projet m’a servi d’introduction concrète au développement web dynamique et à la gestion de données.


Fonctionnalités principales

  • Création d’une annonce (titre, description, image, prix)
  • Affichage de toutes les annonces
  • Consultation d’une annonce spécifique
  • Suppression d’une annonce
  • Interface responsive grâce à Bootstrap

Architecture & organisation

Le projet est structuré autour de plusieurs pages PHP :

  • index.php : page d’accueil listant les annonces
  • annonce.php : affichage d’une annonce
  • anonces.php : gestion des annonces
  • Dossier templates/ : structure HTML réutilisable
  • Dossier uploads/ : stockage des images
  • Base de données MySQL fournie dans Studi_okazbook.sql

Cette organisation m’a appris à séparer les responsabilités et à structurer un projet web complet.


Base de données

La base MySQL contient une table principale pour stocker les annonces (titre, description, prix, image…).

Ce projet m’a permis de comprendre :

  • la création de tables
  • les requêtes SQL simples (INSERT, SELECT, DELETE)
  • la connexion PHP ↔ MySQL

Mon image


Interface utilisateur

J’ai utilisé Bootstrap pour créer une interface simple, propre et responsive.

Cela m’a permis de découvrir :

  • la grille Bootstrap
  • les composants (cards, boutons, formulaires)
  • l’importance d’une UI claire pour l’expérience utilisateur

Mon image Mon image


Ce que ce projet m’a appris

  • Structurer un projet web du début à la fin
  • Manipuler une base de données MySQL
  • Gérer l’upload d’images
  • Comprendre la logique CRUD
  • Utiliser Bootstrap pour créer une interface propre
  • Organiser un projet avec des dossiers clairs (assets, templates, uploads…)

Mon image