Projet Automobile

Publié par Matteo le

Objectif du projet

Le projet vise à créer une plateforme web inspirée de LeBonCoin, dédiée à la vente de voitures d’occasion, avec un système de connexion pour les utilisateurs. Les utilisateurs doivent se connecter pour consulter ou poster des annonces automobiles. Le site simule une expérience sécurisée avec une authentification basique.


Fonctionnalités principales

  1. Connexion utilisateur :
    • Un formulaire permet aux utilisateurs de se connecter avec un email et un mot de passe.
    • Simulation d’authentification (données statiques pour cet exemple).
  2. Affichage des annonces :
    • Liste des voitures d’occasion avec des détails : marque, modèle, prix, kilométrage, et année.
    • Les annonces sont visibles uniquement après connexion.
  3. Ajout d’une annonce :
    • Formulaire pour ajouter une nouvelle annonce (accessible après connexion).
  4. Interface utilisateur :
    • Page de connexion initiale.
    • Page principale avec liste des annonces et option pour ajouter une nouvelle annonce.
  5. Sécurité de base :
    • Les utilisateurs non connectés sont redirigés vers la page de connexion.

Technologies utilisées

  • Frontend : HTML, CSS, JavaScript.
  • Stockage : Données simulées en JavaScript (tableau d’annonces et utilisateurs).

Exemple de fonctionnement

  1. L’utilisateur arrive sur la page et voit un formulaire de connexion.
  2. Il entre un email et un mot de passe (ex. : « user@test.com » et « password123 »).
  3. Après connexion réussie, il accède à la liste des annonces automobiles (ex. : « Renault Clio, 2018, 12 000€ »).
  4. Il peut ajouter une nouvelle annonce via un formulaire (ex. : « Peugeot 208, 2020, 15 000€ »).
  5. Si l’utilisateur n’est pas connecté, il est redirigé vers la page de connexion.

Lors de la création d’une annonce vous recevrez un code afin de supprimer l’annonce

Catégories : Développement