Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/benjdiasaad/dwfe20_benjdia

Application Angular avec Bootstrap, Angular Material de gestion de ventes. https://stackblitz.com/github/benjdiasaad/DWFE20_BENJDIA
https://github.com/benjdiasaad/dwfe20_benjdia

angular angularmaterial bootsrap4 frontend json jsonserver

Last synced: about 13 hours ago
JSON representation

Application Angular avec Bootstrap, Angular Material de gestion de ventes. https://stackblitz.com/github/benjdiasaad/DWFE20_BENJDIA

Awesome Lists containing this project

README

        

## 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](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/Client.png)
![02 - Fournisseur Page](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/Fournisseur.png)
![03 - Filter Page](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/Filter.png)
![04 - FormulaireProduct Page](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/profile.png)
![05 - Product Page](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/Simulation.png)
![06 - Fournisseur Page](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/nouvelle%20produit.png)
![07 - AddProduct Page](https://github.com/benjdiasaad/DWFE20_BENJDIA/blob/master/ScreenShots/new%20product.png)