PROJET

FIN
D'ETUDES

HAMZA EL AZZOUZI
LOUBNA NAIKI
 SOMMAIRE
INTRODUCTION : .......................................................................................................................................................................... 4
Analyse......................................................................................................................................................................................... 6
FONCTIONNALITÈS : ................................................................................................................................................................. 6
GESTION DES ANNONCES : ................................................................................................................................................... 7
GESTION DES DEMANDES : .................................................................................................................................................. 8
RECHERCHE/FILTRAGE :........................................................................................................................................................ 9
LES AVIS .............................................................................................................................................................................. 10
GESTION DES FAVORIS :...................................................................................................................................................... 11
GESTION DES PROFILS : ...................................................................................................................................................... 12
GESTION D’ÈTULISATEUR PAR ADMIN ................................................................................................................................ 13
GESTION DES ANNONCES PAR ADMIN : ............................................................................................................................. 14
GESTION DE SIGNNAL : ...................................................................................................................................................... 15
Use Case :............................................................................................................................................................................ 16
LANGAGES : ................................................................................................................................................................................ 16
PHP :....................................................................................................................................................................................... 17
JavaScript : ............................................................................................................................................................................. 17
CSS/SCSS : .............................................................................................................................................................................. 17
MySQL : .................................................................................................................................................................................. 17
TECHNOLOGIES: ......................................................................................................................................................................... 18
Tailwind : ................................................................................................................................................................................ 18
Ant Design : ............................................................................................................................................................................ 19
Chakra UI : .............................................................................................................................................................................. 19
JWT : ...................................................................................................................................................................................... 19
GitHub :.................................................................................................................................................................................. 19
Chart.js : ................................................................................................................................................................................. 20
Scrum : ................................................................................................................................................................................... 20
Gantt : .................................................................................................................................................................................... 20
Conception : ............................................................................................................................................................................... 21
LES INTERFACE ........................................................................................................................................................................... 23
Vendeur :................................................................................................................................................................................ 26
Acheteur ................................................................................................................................................................................ 28
Admin : ................................................................................................................................................................................... 32
Conclusion :................................................................................................................................................................................ 35
Remerciement

Pour la réalisation de ce travail, et aussi pour les opportunités techniques et

professionnelles acquises pendant son élaboration, nous tenons à remercier

toutes les personnes qui nous ont aidés à achever ce travail dans les meilleures

conditions.

Nous remercions spécialement notre encadrant Adil TAIS pour la sympathie

et l’accueil qu’ils nous ont réservé et pour les connaissances professionnelles

et conseils aussi bien sur le plan technique et pratique.

Nous tenons à présenter nos sincères remerciements à tous nos formatrices et

formateurs pour leurs apports considérables de connaissances, sans oublier de

remercier le staff administratif de L’ISTA spécialement notre directeur

Monsieur Mehi pour leur soutien pendant nos deux années de formations.
INTRODUCTION :
Aujourd’hui, la technologie a radicalement transformé notre manière
de louer ou vendre des biens . Les plateformes en ligne offrent
désormais des solutions pratiques et efficaces pour faciliter la recherche.
Dans le cadre de ma formation, on a réalisé avec succès une
application web novatrice sur le thème de l'E-broker. Cette application
vise à offrir aux utilisateurs une plateforme complète et conviviale pour
explorer les diffèrent bien . Tout au long du processus de développement,
mon objectif a été de créer une expérience fluide et intuitive répondant
aux besoins variés des acheteur.
Dans cette introduction détaillée, on va présenterai le contexte du
marché, les motivations derrière le développement de cette plateforme et
les fonctionnalités clés qui permettent aux utilisateurs de louer ou vendre
des biens plus facilement et rapidement.
Tout d'abord, il est important de noter que le marché est en
constante évolution et qu'il peut être complexe et fastidieux pour les
propriétaires et les locataires ou les vendeurs et les acheteurs de trouver
des biens qui correspondent à leurs besoins spécifiques. Les procédures
administratives, les négociations et les délais peuvent rendre le
processus décourageant et chronophage.
En outre, cette application offre des fonctionnalités avancées telles que
des filtres de recherche, des galeries de photos, des descriptions
détaillées, ainsi que des fonctionnalités de messagerie intégrées pour
faciliter les échanges entre les propriétaires et les locataires ou les
vendeurs et les acheteurs potentiels.
La sécurité est une préoccupation majeure dans ce domaine, et cette
application intègre des fonctionnalités de vérification des utilisateurs, des
avis et des évaluations.
Grâce à cette plateforme, les propriétaires peuvent atteindre un public
plus large et les locataires ou les acheteurs potentiels peuvent accéder à
une plus grande variété de bien , facilitant ainsi le processus de location
ou de vente.
Dans les sections suivantes, je détaillerai les différentes fonctionnalités et
modules clés de cette application, en mettant l'accent sur l'expérience
utilisateur, la sécurité et l'efficacité du processus de location ou de vente
de biens.
Analyse
FONCTIONNALITÈS :
Nous allons plonger dans les fonctionnalités essentielles de notre
plateforme, conçues pour répondre aux besoins et aux attentes des
utilisateurs. Ces fonctionnalités ont été développées avec un objectif clair
en tête : simplifier le processus de vente, faciliter les interactions entre
les vendeurs et les acheteurs, et offrir une expérience utilisateur
enrichissante.
Au cours des prochaines sections, nous allons explorer en détail
chaque fonctionnalité, en mettant l'accent sur leur rôle dans
l'amélioration de l'expérience de vente en ligne. Que vous soyez un
vendeur souhaitant commercialiser vos produits ou un acheteur à la
recherche de l'objet parfait, notre plateforme offre une gamme de
fonctionnalités qui vous permettront de tirer la meilleure partie de votre
expérience sur notre site

AUTHENTIFICATION :

REGISTRATION :
Lors de votre inscription sur notre plateforme, nous mettons en
place des mesures de sécurité avancées pour protéger votre compte.
Nous utilisons la technologie JWT (JSON Web Tokens) pour vous fournir
un système d'authentification sécurisé et efficace. Après avoir rempli le
formulaire d'inscription, vous recevrez un courriel de vérification
contenant un lien unique.
En cliquant sur ce lien, vous allez confirmer votre adresse
électronique et activer votre compte. Cette vérification garantit que vous
êtes le propriétaire légitime de l'adresse électronique, ainsi qu’elle fournit
et renforce la sécurité de votre compte. Une fois votre courriel vérifié,
vous pourrez accéder à toutes les fonctionnalités de notre plateforme, en
toute tranquillité d'esprit, grâce à notre système de JWT qui assure la
protection de vos informations personnelles.
LOGIN :
Notre système de connexion utilise la technologie JWT (JSON Web
Tokens) pour garantir un processus d'authentification sécurisé et fiable.
Lorsque vous souhaitez vous connecter, vous devrez saisir vos
identifiants (adresse électronique et mot de passe). Une fois ces
informations soumises, notre système vérifie leur validité et génère un
token JWT unique.

En plus du JWT, nous renforçons la sécurité de votre compte en

ajoutant une étape de vérification OTP (One-Time Password). Après
avoir soumis vos identifiants, vous recevrez un code OTP unique sur
votre adresse électronique selon votre préférence. Vous devrez saisir ce
code dans le champ prévu à cet effet pour valider votre identité et
accéder à votre compte.

Cette double vérification, à la fois avec le JWT et l'OTP, offre une

couche supplémentaire de sécurité pour protéger vos informations
personnelles et prévenir toute tentative d'accès non autorisée à votre
compte. Vous pouvez ainsi vous connecter en toute confiance, sachant
que votre compte est protégé par ces mesures de sécurité avancées.
GESTION DES ANNONCES :
La gestion des annonces est l'une des fonctionnalités centrales de
notre plateforme, offrant aux utilisateurs un contrôle total sur leurs
produits et leur visibilité. Grâce à cette fonctionnalité, vous pouvez
facilement ajouter, supprimer et mettre à jour vos annonces, tout en
offrant aux acheteurs la possibilité de savoir si les produits sont
disponibles ou indisponibles et le type de service (vendre ou louer).

L'ajout d'une annonce est un processus simple et intuitif. Vous

pouvez télécharger des images attrayantes, décrire en détail les
caractéristiques de votre produit et fixer un prix compétitif. Notre
interface conviviale vous permet de personnaliser votre annonce et de la
rendre aussi attractive que possible pour les acheteurs potentiels.
En plus de l'ajout, vous avez également la possibilité de supprimer
des annonces. Si votre produit, par exemple, n'est plus disponible ou si
vous souhaitez simplement retirer une annonce de la plateforme, vous
pouvez le faire en quelques clics. Cette fonctionnalité vous donne le
contrôle total sur les produits que vous proposez en vous permettant de
gérer efficacement votre inventaire.
La mise à jour des annonces est également un aspect essentiel de
la gestion des annonces. Si vous souhaitez modifier le prix, les détails ou
les images de votre produit, vous pouvez le faire facilement à tout
moment. Cette flexibilité vous permet de rester réactif face aux
changements de marché et d'optimiser vos chances de conclure des
ventes réussies.
En ce qui concerne la recherche d'annonces, nous offrons aux
acheteurs la possibilité de filtrer les résultats en fonction de la
disponibilité des produits. Vous pouvez choisir de voir uniquement les
produits disponibles ; ce qui vous permet de trouver rapidement ce que vous
recherchez et d'éviter de perdre du temps sur des produits qui ne sont plus
disponibles. Cette fonctionnalité améliore l'efficacité de votre recherche et
facilite la prise de décision d'achat.
En somme, notre fonctionnalité de gestion des annonces vous permet
d'ajouter, de supprimer et de mettre à jour vos annonces en toute simplicité,
tout en offrant aux acheteurs la possibilité de rechercher des produits
disponibles ou indisponibles. Cela garantit une expérience fluide pour tous les
utilisateurs de notre plateforme, favorisant ainsi les transactions réussies entre
vendeurs et acheteurs.

GESTION DES DEMANDES :

La gestion des demandes par vendeur et acheteur est une
fonctionnalité essentielle de notre plateforme, permettant une interaction
fluide entre les deux parties. Avec cette fonctionnalité, les vendeurs
peuvent gérer les demandes reçues de potentiels acheteurs, tandis que
les acheteurs peuvent suivre leurs demandes en cours
Pour les vendeurs, il est facile d'ajouter des demandes à partir de
leur tableau de bord. Lorsqu'un acheteur exprime son intérêt pour un
produit, une demande est générée. Les vendeurs peuvent consulter
toutes leurs demandes actuelles et passées, affichant des détails tels
que la date de la demande, les informations de l'acheteur et les
spécifications du produit demandé.
De plus, les vendeurs ont la possibilité de supprimer des
demandes si nécessaire. Par exemple, si un produit est vendu ou
indisponible, le vendeur peut supprimer la demande correspondante pour
refléter avec précision l'état actuel de l'inventaire. Cela aide à maintenir
un suivi précis des demandes et à éviter toute confusion ou
engagement non réalisable.
Du côté des acheteurs, la fonctionnalité de gestion des demandes
leur permet de garder une trace de leurs demandes en cours. Ils peuvent
consulter les demandes soumises, y compris les produits demandés, les
détails de la demande et les informations du vendeur. Cela offre aux
acheteurs une vue d'ensemble de leurs interactions avec les vendeurs et
facilite le suivi de leurs demandes en cours.
Pour résumer, la gestion des demandes par vendeur et acheteur
offre une plateforme organisée et transparente pour les interactions
commerciales. Les vendeurs peuvent ajouter, supprimer et consulter les
demandes reçues, tandis que les acheteurs peuvent suivre leurs
demandes en cours. Cette fonctionnalité favorise une communication
fluide et facilite la réalisation de transactions réussies entre vendeurs et
acheteurs.

RECHERCHE/FILTRAGE :
La fonction de recherche et de filtrage de notre plateforme offre aux
utilisateurs une expérience efficace et personnalisée lorsqu'ils
recherchent des produits. Avec cette fonctionnalité, vous pouvez affiner
vos résultats de recherche en fonction du nom du produit, de la
catégorie, du prix et du type (location ou vente).
 La recherche par nom vous permet de trouver rapidement un
produit spécifique en entrant son nom ou une partie de celui-ci. Cela
vous évite de parcourir une longue liste de résultats et vous permet
d'accéder directement aux produits qui vous intéressent.
La recherche par catégorie vous permet d'explorer les produits
disponibles dans des catégories spécifiques. Que vous cherchez ; des
vêtements, des appareils électroniques, des meubles ou tout autre type
de produit, vous pouvez filtrer les résultats pour afficher uniquement les
produits pertinents à votre recherche.
Le filtrage par prix vous permet de définir une fourchette de prix
pour trouver des produits correspondant à votre budget. Vous pouvez
définir un prix minimum et maximum, ce qui réduit les résultats aux
produits se situant dans cette plage de prix spécifique.
Enfin, le filtrage par type (location ou vente) vous permet de
rechercher des produits en fonction de votre intention d'achat. Si vous
souhaitez louer un article spécifique, vous pouvez sélectionner l'option
de location et ne voir que les produits disponibles à la location. De
même, si vous recherchez un produit à acheter, vous pouvez filtrer les
résultats pour afficher uniquement les produits à vendre.
En combinant ces différents critères de recherche et de filtrage,
notre plateforme vous offre une expérience utilisateur personnalisée et
vous permet de trouver rapidement les produits qui répondent à vos
besoins spécifiques. Que vous recherchez un article précis, une
catégorie spécifique, un certain budget ou un type d'acquisition, notre
fonction de recherche et de filtrage vous aide à naviguer efficacement
dans notre catalogue de produits.

LES AVIS
La fonctionnalité des avis sur notre plateforme permet aux
utilisateurs de partager leurs expériences et leurs opinions sur les
produits et les vendeurs. Elle offre également aux acheteurs potentiels
des informations précieuses pour prendre des décisions éclairées. Avec
cette fonctionnalité, vous pouvez consulter les avis laissés par d'autres
utilisateurs, ajouter votre propre avis avec une note et un commentaire,
et ainsi contribuer à la communauté de notre plateforme.
Lorsque vous consultez un produit ou un vendeur, vous pouvez voir
les avis laissés par d'autres utilisateurs. Ces avis peuvent inclure une
note globale, généralement sous forme d'étoiles, ainsi qu'un
commentaire détaillé décrivant l'expérience de l'utilisateur. Ces avis vous
aident à évaluer la qualité d'un produit ou la fiabilité d'un vendeur avant
de prendre une décision d'achat.
Si vous avez acheté ou utilisé un produit, vous pouvez également
ajouter votre propre avis. Vous pouvez attribuer une note à travers un
système d'étoiles, indiquant votre satisfaction globale avec le produit ou
le service. De plus, vous pouvez laisser un commentaire détaillé pour
partager vos impressions, souligner les aspects positifs ou négatifs et
aider les autres utilisateurs dans leur processus de décision.
Les avis jouent un rôle primordial dans la confiance et la
transparence de notre plateforme. Ils permettent aux utilisateurs de
partager leurs expériences réelles et d'informer les autres membres de la
communauté. Cela favorise une culture d'échange et de feedback
constructif, renforçant la crédibilité des produits et des vendeurs.
Il est important de noter que les avis doivent respecter nos
directives de contenu et ne doivent pas contenir de contenu diffamatoire,
trompeur ou offensant. Nous encourageons les utilisateurs à fournir des
avis honnêtes et constructifs pour contribuer à une expérience d'achat
transparente et fiable pour tous.
Pour conclure, la fonctionnalité des avis vous permet de consulter
les opinions d'autres utilisateurs, d'ajouter votre propre avis avec une
note et un commentaire, et de contribuer à la communauté de notre
plateforme. Les avis fournissent des informations précieuses pour les
acheteurs potentiels et favorisent la confiance et la transparence dans
notre environnement d'achat en ligne.

GESTION DES FAVORIS :

La fonctionnalité de gestion des favoris sur notre plateforme permet
aux utilisateurs de sauvegarder leurs produits préférés pour y accéder
facilement ultérieurement. Elle offre une manière pratique de garder une
liste personnalisée des produits qui suscitent leur intérêt. Avec cette
fonctionnalité, vous pouvez ajouter et supprimer des produits de votre
liste de favoris en toute simplicité.
Lorsque vous parcourez notre catalogue de produits, vous avez la
possibilité d'ajouter un produit à vos favoris. Cela peut être fait en
cliquant sur un bouton "Ajouter aux favoris" associé à chaque produit.
Lorsque vous ajoutez un produit à vos favoris, il est enregistré dans votre
compte personnel, vous permettant de le retrouver facilement à tout
moment ultérieur.
La gestion de vos favoris vous offre également la flexibilité de
supprimer des produits de votre liste. Si un produit ne vous intéresse plus
ou si vous avez déjà effectué un achat, vous pouvez simplement cliquer
sur un bouton "Supprimer des favoris" pour le retirer de votre liste. Cela
vous permet de garder votre liste de favoris à jour et de vous concentrer
sur les produits qui sont toujours pertinents pour vous
La fonctionnalité de gestion des favoris vous permet de créer une
collection personnalisée de produits qui vous plaisent et qui vous
intéressent. Que vous recherchiez des idées pour vos futurs achats ou
que vous souhaitiez garder un œil sur certains produits, la gestion des
favoris offre une solution pratique pour organiser et retrouver rapidement
vos produits préférés.
La gestion des favoris sur notre plateforme vous permet d'ajouter et de
supprimer facilement des produits de votre liste personnalisée. Cela vous
offre la possibilité de garder une trace des produits qui suscitent votre
intérêt et de les retrouver rapidement lorsque vous en avez besoin. La
gestion des favoris améliore votre expérience de navigation et vous aide
à prendre des décisions d'achat plus informées.
GESTION DES PROFILS :
La gestion des profils sur notre plateforme vous permet de créer et
de personnaliser votre propre profil utilisateur, en ajoutant des
informations pertinentes et en mettant en valeur votre identité en ligne.
Cette fonctionnalité vous offre la possibilité de mettre à jour votre profil,
d'ajouter une photo de profil et de lier vos comptes de réseaux sociaux
Lors de la création de votre profil, vous pouvez fournir des informations
telles que votre nom, votre adresse électronique, votre numéro de
téléphone, votre biographie et d'autres détails pertinents. Cela vous
permet de présenter votre identité et vos intérêts aux autres utilisateurs
de la plateforme.
De plus, vous avez la possibilité d'ajouter une photo de profil pour
personnaliser davantage votre compte. Une photo de profil permet aux
autres utilisateurs de vous reconnaître plus facilement et d'établir une
connexion plus personnelle avec vous.
En outre, la gestion des profils vous offre la possibilité de lier vos
comptes de réseaux sociaux. Vous pouvez ajouter des liens vers vos
profils sur des plateformes telles que Facebook, Instagram, YouTube, etc.
Cela vous permet de connecter votre présence sur notre plateforme avec
vos autres activités en ligne, facilitant ainsi l'établissement de connexions
et l'interaction avec d'autres utilisateurs.
La fonctionnalité de gestion des profils vous donne également la
possibilité de mettre à jour vos informations à tout moment. Si vous avez
déménagé, changé de numéro de téléphone, vous pouvez facilement
mettre à jour votre profil pour refléter ces changements.

En fin, la gestion des profils vous permet de créer et de personnaliser

votre profil utilisateur, en ajoutant des informations pertinentes, une photo
de profil et des liens vers vos réseaux sociaux. Cela vous permet de
présenter votre identité en ligne, de faciliter les connexions avec d'autres
utilisateurs et de garder vos informations à jour. La gestion des profils est
un moyen de vous démarquer et de créer une présence en ligne
authentique sur notre plateforme.

GESTION D’ÈTULISATEUR PAR ADMIN

La fonction de gestion des utilisateurs pour les administrateurs de notre
plateforme offre un moyen efficace de visualiser et de gérer l'ensemble
des utilisateurs enregistrés. Cette fonctionnalité vous permet d'accéder à
une liste complète de tous les utilisateurs inscrits, ainsi que de consulter
leurs informations et leurs paramètres.
En tant qu'administrateur, vous pouvez utiliser la fonction "Show All
Utilisateurs" pour afficher la liste complète des utilisateurs enregistrés sur
la plateforme. Cette liste peut inclure des détails tels que le nom,
l'adresse électronique, le numéro de téléphone et d'autres informations
pertinentes pour chaque utilisateur.
La fonction de gestion des utilisateurs vous permet de trier et de filtrer les
utilisateurs en fonction de différents critères. Par exemple, vous pouvez
trier les utilisateurs par ordre alphabétique, par date d'inscription ou par
type d'utilisateur (vendeur, acheteur.). Vous pouvez également utiliser
des filtres pour afficher uniquement certains types d'utilisateurs ou pour
rechercher un utilisateur spécifique en fonction de son nom ou de son
adresse électronique.
En plus de visualiser les informations des utilisateurs, la fonction de
gestion des utilisateurs vous offre également la possibilité de gérer leurs
paramètres. Cela peut inclure la modification des informations d'un
utilisateur, la désactivation ou la suppression de son compte, ou
l'ajustement de certains paramètres spécifiques.
La fonction de gestion des utilisateurs est essentielle pour assurer une
administration efficace de la plateforme, faciliter la communication avec
les utilisateurs et garantir le bon fonctionnement de l'environnement
d'échange. Elle permet aux administrateurs d'avoir une vue d'ensemble
de tous les utilisateurs et de prendre des mesures appropriées pour
résoudre d'éventuels problèmes ou répondre aux demandes des
utilisateurs.
GESTION DES ANNONCES PAR ADMIN :
La fonctionnalité de gestion des annonces pour les administrateurs
de notre plateforme offre un moyen pratique de visualiser et de gérer
l'ensemble des articles publiés. Cette fonctionnalité vous permet
d'accéder à une liste complète des annonces, ainsi que les afficher en
détail et les supprimer si nécessaire.
En tant qu'administrateur, vous pouvez utiliser la fonction "Show
Annonces" pour afficher la liste complète de toutes les annonces
publiées sur la plateforme. Cette liste peut inclure des détails tels que le
titre de l'annonce, la description, les informations sur le vendeur, les
images et d'autres informations pertinentes.
La fonction de gestion des annonces vous permet également de
visualiser en détail chaque annonce. Cela vous permet d'examiner les
informations spécifiques de l'annonce, telles que les caractéristiques du
produit, les prix, les conditions de vente, et autres informations
importantes pour les acheteurs potentiels. En plus de visualiser les
annonces, la fonction de gestion des annonces vous offre la possibilité
de supprimer des articles. Cela peut être utile dans des situations telles
que des annonces frauduleuses, des articles qui ne sont plus
disponibles, ou des violations des règles de la plateforme. La
suppression d'une annonce garantit que les utilisateurs ne peuvent plus y
accéder et contribuer à maintenir un environnement sûr et fiable pour les
transactions.
La fonction de gestion des annonces pour les administrateurs est
essentielle pour maintenir la qualité des annonces sur la plateforme,
garantir le respect des règles et des politiques, et assurer une expérience
utilisateur satisfaisante. En examinant et en supprimant les annonces
inappropriées ou non conformes, les administrateurs contribuent à la
confiance et à la fiabilité de la plateforme pour les utilisateurs.
GESTION DE SIGNNAL :
La fonctionnalité de gestion des signalements permet aux utilisateurs
de signaler un comportement inapproprié ou préoccupant d'un autre
utilisateur à l'administrateur de la plateforme. Lorsqu'un utilisateur est
témoin d'un comportement qui viole les règles ou qui est considéré
comme offensant, il peut signaler cette activité au moyen d'un système
de signalement intégré.
Lorsqu'un acheteur signale un autre vendeur, l'administrateur est
informé de ce signalement et il peut prendre les mesures appropriées.
L'administrateur examine attentivement le signalement et évalue la
gravité de la situation. Si le signalement est jugé fondé, l'administrateur
peut prendre des mesures pour résoudre le problème, telles que
contacter l'utilisateur concerné, donner des avertissements, suspendre
temporairement ou définitivement le compte, ou prendre d'autres
mesures disciplinaires en fonction de la politique de la plateforme.
Le système de signalement joue un rôle essentiel dans le maintien
d'un environnement sûr, respectueux et convivial sur la plateforme. Il
permet aux utilisateurs de signaler rapidement les comportements
problématiques, de protéger leur propre sécurité et leur bien-être, ainsi
que de contribuer à l'amélioration continue de la communauté en
signalant les violations des règles.
Il est important de souligner que la gestion des signalements doit être
effectuée de manière objective et équitable. Les signalements doivent
être examinés de manière approfondie, et toutes les parties concernées
doivent avoir la possibilité de donner leur version des faits. L'objectif
principal est de créer un environnement sûr et de faire en sorte que tous
les utilisateurs respectent les règles et les normes de la plateforme.

Use Case :

Figure 1 : use Case

LANGAGES :
Les langages de programmation jouent un rôle crucial dans le
développement de sites web et d'applications modernes. Parmi les
langages les plus utilisés et les plus puissants, on trouve PHP,
JavaScript, CSS, SCSS. Chacun de ces langages offre des
fonctionnalités spécifiques et des avantages uniques qui contribuent à la
création d'expériences utilisateur interactives et attrayantes.
PHP :
Avec son Framework Laravel, est un langage de programmation
côté serveur largement utilisé pour le développement web. Il offre une
syntaxe simple et élégante, ainsi qu'une grande flexibilité pour la création
d'applications web dynamiques et évolutives. Laravel, en tant que
Framework PHP populaire, facilite le développement en fournissant des
fonctionnalités avancées telles que la gestion des bases de données, la
gestion des sessions, l'authentification, et bien plus encore.

JavaScript :
Accompagné du Framework React, est un langage de
programmation côté client incontournable pour la création d'interfaces
utilisateur interactives et réactives. Il permet d'ajouter des fonctionnalités
dynamiques aux sites web, d'effectuer des requêtes asynchrones, de
gérer le contenu de la page en temps réel et de créer des applications
web à une seule page (SPA). React, en tant que Framework JavaScript
très populaire, facilite le développement d'interfaces utilisateur
réutilisables et modulaires.

CSS/SCSS :
CSS (Cascading Style Sheets) et SCSS (Sass CSS) sont des langages de
feuilles de style utilisés pour la mise en forme et la présentation des pages web.
CSS permet de définir les styles, les couleurs, les mises en page et les
animations des éléments. SCSS, quant à lui, est une extension de CSS
qui offre des fonctionnalités avancées telles que les variables, les mixons
et les boucles, ce qui facilite la gestion des styles et permet une
meilleure organisation du code CSS.

MySQL :
MySQL est un système de gestion de base de données relationnelle
open source largement utilisé dans le développement d'applications web
et de logiciels. Il offre un moyen efficace de stocker, gérer et interroger
des données de manière fiable et sécurisée.
 MySQL est reconnu pour sa simplicité d'utilisation et sa flexibilité. Il
prend en charge le langage SQL (Structured Query Language), qui
permet aux développeurs d'effectuer des opérations de création, de
modification et de récupération de données avec facilité. La syntaxe SQL
intuitive de MySQL facilite la création de tables, l'insertion de données, la
mise à jour des enregistrements et la réalisation de requêtes complexes.
PHP(Laravel), JavaScript (React), sont des langages de
programmation et de mise en forme essentiels pour le développement
web. Ils offrent des fonctionnalités puissantes et complémentaires pour
créer des sites web et des applications interactifs, attrayants et
performants. La maîtrise de ces langages permet aux développeurs de
créer des expériences utilisateur de qualité et de repousser les limites de
la conception et de la fonctionnalité web.

TECHNOLOGIES:
Les technologies jouent un rôle crucial dans le développement
moderne des sites web et des applications. Elles offrent des outils et
des Framework qui facilitent la création, la conception et la gestion de
projets informatiques. Parmi les technologies les plus utilisées et les
plus innovantes, nous retrouvons Tailwind, Ant Design (Antd), Chakra
UI, JWT, GitHub, Chart.js, Scrum et Gantt. Chacune de ces
technologies apporte des fonctionnalités spécifiques et des avantages
uniques, permettant aux développeurs de créer des solutions
robustes et performantes.
Tailwind :
Tailwind est une technologie de conception CSS qui propose une
approche unique pour le développement d'interfaces utilisateur. Elle offre
une grande flexibilité en utilisant des classes d'utilitaires pour styliser les
éléments. Tailwind simplifie le processus de développement en
fournissant une bibliothèque de classes prédéfinies qui permettent de
personnaliser rapidement et facilement l'apparence des composants.
Ant Design :
Ant Design (Antd) est une bibliothèque de composants d'interface
utilisateur réutilisables basée sur React. Elle offre une large gamme de
composants prédéfinis et stylisés qui permettent de créer rapidement des
interfaces utilisateur professionnelles et attrayantes.
Antd facilite également la gestion de l'état des composants et
l'interaction avec l'utilisateur grâce à des fonctionnalités avancées telles
que les formulaires, les tableaux, les graphiques, etc.

Chakra UI :
Chakra UI est une autre bibliothèque de composants d'interface
utilisateur basée sur React. Elle se distingue par sa facilité d'utilisation et
sa personnalisation. Chakra UI propose une approche de conception
basée sur des composants réactifs, ce qui facilite le développement
d'interfaces utilisateur réutilisables et adaptatives. Elle offre également
une prise en charge complète de la gestion du thème, ce qui permet de
personnaliser facilement l'apparence des composants selon les besoins
du projet.

JWT :
JWT (JSON Web Token) est un standard ouvert qui permet de
représenter de manière sécurisée des revendications entre deux parties.
Il est couramment utilisé pour l'authentification et l'autorisation dans les
applications web et les API. JWT facilite l'échange d'informations
sécurisées entre le serveur et le client, en fournissant un moyen de
vérifier l'identité de l'utilisateur sans avoir besoin de stocker des
informations de session sur le serveur.

GitHub :
GitHub est une plateforme de développement collaboratif basée
sur Git. Elle offre un système de contrôle de version distribué qui permet
aux développeurs de collaborer efficacement sur des projets, de gérer
les modifications du code source et de suivre l'évolution du
développement. GitHub facilite également le partage du code, la gestion
des problèmes et des demandes de fusion, ainsi que l'intégration
continue.

Chart.js :
Chart.js est une bibliothèque JavaScript qui permet de créer des
graphiques interactifs et esthétiques. Elle offre une grande variété de
types de graphiques, tels que les graphiques en barres, les graphiques
circulaires, les graphiques en ligne, etc. Chart.js facilite la visualisation
des données et permet aux développeurs d'ajouter des graphiques
dynamiques à leurs applications.

Scrum :
Scrum est une méthodologie de gestion de projet agile largement
utilisée dans le développement logiciel. Elle favorise la collaboration, la
flexibilité et la transparence dans la gestion des projets. Scrum divise le
projet en itérations appelées "sprints", où les tâches sont planifiées,
exécutées et évaluées de manière itérative pour assurer un
développement efficace et une livraison régulière.

Gantt :
Gantt est un outil de gestion de projet qui permet de visualiser les
tâches, les dépendances et les échéances dans un diagramme de Gantt.
Cet outil offre une représentation visuelle claire du calendrier du projet,
facilitant la planification, la coordination des ressources et le suivi des
progrès. Le diagramme de Gantt permet de mieux gérer les délais et
d'optimiser les ressources du projet.
Les technologies telles que Tailwind, Ant Design, Chakra UI, JWT,
GitHub, Chart.js, Scrum et Gantt offrent des fonctionnalités avancées et
des outils puissants pour le développement de sites web et d'applications
modernes. Elles facilitent la création d'interfaces utilisateur esthétiques,
la sécurité des données, la gestion de projet agile et la visualisation des
données. L'utilisation de ces technologies peut grandement améliorer
l'efficacité et la qualité des projets informatiques.
 Conception :

.
Figure 2 : Modèle Conceptuel des Donnes
Figure 3 : Modèle Logique des Donnes
LES INTERFACES
Vendeur :
Acheteur
Admin :
Conclusion :

En conclusion, le développement de cette application web dédiée à

la location ou à la vente de biens représente une avancée significative
dans le domaine de la location en ligne. Grâce à cette plateforme, les
propriétaires peuvent mettre en valeur leurs biens et atteindre un public
plus large, tandis que les locataires ou les acheteurs potentiels
bénéficient d'un accès simplifié à une multitude de biens correspondant à
leurs critères.
En somme, le développement de cette application web dédiée à la
location ou à la vente de biens ouvre de nouvelles perspectives dans le
secteur de l'immobilier en ligne. Grâce à ses fonctionnalités avancées,
son interface conviviale et sa sécurité intégrée, cette plateforme offre une
solution efficace et pratique.