Skip to content

Latest commit

 

History

History
97 lines (70 loc) · 3.6 KB

README.md

File metadata and controls

97 lines (70 loc) · 3.6 KB

Telemarketing App

The application has been designed so that it can be implemented in the infrastructure of a telemarketing company. Application offers support to the telemarketer, which consists primarily in displaying lists of products, customers and enabling the telemarketer to sign the status of the transaction - whether it was successful or not.

In addition, the application has been equipped with mechanisms whose task is to increase the effectiveness of the telemarketer, these are, among others, the function of offering a discount on a given product, the function of statistics, from which the telemarketer can draw conclusions about the effectiveness of attempts to sell products. In addition, while the application is running, an association analysis is carried out together with the recording of subsequent transactions, which suggests which products the customer may want to purchase.

The application has been secured with authentication and authorization mechanisms based on Json Web Token.

Functionalities

  • user registration
  • user login / logout
  • adding a new product to the database
  • adding a new client to the database
  • adding successful / unsuccessful selling transaction
  • viewing customer data
  • viewing product data
  • viewing statistics
  • proposing a product based on an association analysis
  • pllaning selling try in the future

Security features

  • encrypting user passwords stored in the database
  • password policy: at least 8 characters, at least one letter, number and special character
  • logout option
  • data validation at the front and backend level

Useful information about building and deploying app

1. Creating a project in React:

npx create-react-app [nazwa katalogu]

2.Running a project in react:

npm start

3.Adding a bootstrap to the project:

npm install bootstrap --save #and change in index.html (frontend) - adding bootstrap

4.Axios module installation:

npm install axios --save

5.Router-dom installation:

npm install react-router-dom

6.Adding styles to the app:

Link to getpapercss

Architecture and Technologies

image

Application GUI

image
Login panel
2023-02-16 20_24_43-Window
Registration panel, with data validation
2023-02-16 20_25_48-Window
Main panel
2023-02-16 20_26_16-Window
Add product panel
2023-02-16 20_26_35-Window
Stats panel
2023-02-16 20_29_13-Window
Choose client panel
2023-02-16 20_29_46-Window
Selling panel with discount option
2023-02-16 20_30_03-Window
Plan selling in the future panel