Giter Site home page Giter Site logo

dwfe_rehaimi's Introduction

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 "[email protected]" Have fun! =) ^^

Contributor

Abdeslam Rehaimi
Be Fine

dwfe_rehaimi's People

Contributors

abdeslamrehaimi avatar

Watchers

James Cloos avatar Mouncif avatar

Forkers

abdeslamrehaimi

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.