Skip to content

Latest commit

 

History

History
85 lines (65 loc) · 5.55 KB

README.md

File metadata and controls

85 lines (65 loc) · 5.55 KB

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

Hi! this is a fine take of creating an application named "Smart Ventes", it's an exam project

About this project

Our goal is to develop an angular SmartVentes application. The application will consist of the following modules: a Sales Management module and a user and rights module. The Sales Management module is composed of the following elements:

  • Product: name of the product, short name of the product, basic price of the product, selling price of the product, maximum threshold of delivery of the product, unit of the product, image of the product, initial quantity in stock, current quantity in stock
  • Supplier: name of the supplier, short name of the supplier, city of the supplier, Address of the supplier, Tel Fix of the supplier, Mobile phone of the supplier, Fax of the supplier, email address of the supplier
  • Client: client name, client first name, client status, client photo, client phone, client email, client address, client city

The Users and Rights/Roles module allows you to manage users of the SmartVentes application by relying on a profile and the associated permissions.

User: username, profiles, creation date, end date, user photo, user email In the application, you have two types of data: searchable or modifiable depending on the profile of the user.

Installation

To get the project up and running on your local machine, do the following.

  1. clone with url given using commande => git clone https://github.com/mouncif/DWFE_rehaimi
  2. Run npm install, to install all necessary dependencies
  3. Run the command json-server --watch db.json in your commande prompt to run the database json server
  4. Run the command ng serve in your commande prompt to start the server

Technologies used

  • 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.

Project Structure

Project Structure

Screen Shots

01 - Welcom Page 02 - Welcom Page 03 - Welcom Page 04 - Welcom Page 05 - Welcom Page 06 - Welcom Page 07 - Welcom Page 08 - Welcom Page 09 - Welcom Page 10 - Welcom Page 11 - Welcom Page 12 - Welcom Page 13 - Welcom Page 14 - Welcom Page 15 - Welcom Page 16 - Welcom Page 17 - Welcom Page 18 - Welcom Page 19 - Welcom Page 20 - Welcom Page 18 - Welcom Page 19 - Welcom Page 20 - Welcom Page

Demo Online :

https://stackblitz.com/github/mouncif/DWFE_rehaimi OR https://owainwrwy.github.stackblitz.io

plaises refer to "../home/clients/" | to bypass authentification request! you may noticed that there is a problem with StaticInjectorError(AppModule)["Some Componenets Name" -> MatSnackBar]: it hase no relation with the project it self, stackblitz failed with MatSnackBar Injection Try it out locally, it should work fine!!!

Complaines

Send all complaines to "abdeslam.rehaimi@gmail.com" Have fun! =) ^^

Contributor

Abdeslam Rehaimi
Be Fine