Giter VIP home page Giter VIP logo

dwfe20_benjdia's Introduction

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

dwfe20_benjdia's People

Contributors

benjdiasaad avatar khalidchoukhmane avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

00mjk

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.