Skip to content

benjdiasaad/DWFE20_BENJDIA

Repository files navigation

Smart Vents - EXAM - Developpement Web Front End [Angular]

Hello! My application named "Smart Vents".

À propos de ce projet

Notre objectif est de développer une application angulaire SmartVentes. L'application comprendra les modules suivants: un module de gestion des ventes et un module utilisateur et droits. Le module de gestion des ventes est composé des éléments suivants:

Produit: nom du produit, nom abrégé du produit, prix de base du produit, prix de vente du produit, seuil maximum de livraison du produit, unité du produit, image du produit, quantité initiale en stock, courant la quantité en dépôt Fournisseur: nom du fournisseur, nom abrégé du fournisseur, ville du fournisseur, adresse du fournisseur, Tel Fix du fournisseur, téléphone portable du fournisseur, fax du fournisseur, adresse e-mail du fournisseur Client: nom du client, prénom du client, statut du client, photo du client, téléphone du client, e-mail du client, adresse du client, ville du client Le module Utilisateurs et Droits / Rôles vous permet de gérer les utilisateurs de l'application SmartVentes en s'appuyant sur un profil et les autorisations associées.

Utilisateur: nom d'utilisateur, profils, date de création, date de fin, photo de l'utilisateur, email de l'utilisateur Dans l'application, vous disposez de deux types de données: consultables ou modifiables selon le profil de l'utilisateur.

Installation

Pour que le projet soit opérationnel sur votre ordinateur local, procédez comme suit :

  1. cloner avec l'url donnée en utilisant commande => git clone https://github.com/benjdia/DWFE_BENJDIA
  2. Exécutez npm install, pour installer toutes les dépendances nécessaires
  3. Exécutez la commande json-server --watch db.json dans votre invite de commande pour exécuter le serveur de base de données json
  4. Exécutez la commande ng serve dans votre invite de commande pour démarrer le serveur

Technologies utilisées

  • Angular Frontend Framework.
  • webpack for compiling and optimizing assets (already integrated in angular).
  • Json-Server for manage data locally.
  • Material Design.
  • Bootstrap 4 for styling.
  • Visual Studio Code (IDE).
  • Git.

Screen Shots

01 - Client Page 02 - Fournisseur Page 03 - Filter Page 04 - FormulaireProduct Page 05 - Product Page 06 - Fournisseur Page 07 - AddProduct Page