Skip to content

beyzaerkan/error-management

Repository files navigation


Error Management

Error management web interface for vehicles.

Introduce

Roadmap

Pages

Start page /

This page is start page when the application is opened. Language selection can be made on this page. The default language of the browser is selected. You can go to the terminal list. start-page

Terminal List /terminals

This page is where all terminals are listed. The filter is selected and redirects to the login page.

terminal-list

Terminal Login /terminals/:depCode/:filterCode

This page is login page. Brings up the terminal list by to the selected filter. The background of the section changes according to the shift change. Login is done with registration number, password assembly number. If the information received from the form is wrong, toast returns a message, if it is correct, it redirects to the defect login page. The UI is blocked when the log in button is clicked

terminal-login

login-success

Defect Entry /terminal/defectentry/:depCode/:filterCode

This page is where the defect was entered. Parts of the vehicle are shown with boxes on the model picture. If no defect is saved for the first 10 seconds, an annoying sound will be played. no-error-entry

Clicking on the blue boxes goes to the subpicture and the defect is selected and the cursor opens for location selection. clicking on the green or red boxes directly selects the defect. When the defect is selected, the defect record button becomes active. sub-image error-entry-cursor

The selected defect is saved with the form screen that appears when the save defect button is pressed. The defect is saved, the information received from the form is displayed on the screen as a toast message and returns to the defect entry screen. error-entry-form error-saved

Big Font

This is a component of the defect entry page. If there is no interaction for 10 seconds, the background color will turn red. big-font big-font-error

Defect List /terminal/defcorrect

This page is where the defects are listed. Defects can be filtered by assembly no and body no, sorted according to table headings as ascending or descending. Defects can be deleted. error-list

Todos

basic

  • User interface
  • Components

detailed

  • Responsive design
  • Multi language support
  • Virtual keyboard
  • UI Blocking

Technologies

  • ReactJS
  • HTML 5 & CSS3
  • Material UI
  • Formik – Yup
  • Axios
  • React Router Dom
  • Context Api
  • I18 – next
  • Table Virtuoso
  • React Simple Keyboard

Usage

Install

git clone https://github.com/beyzaerkan/error-management.git
cd error-management

Setup

Install dependencies

npm install

Set Environment Variables

cp sample.env .env

Start

npm start

Status

This project has been completed. But it can be improved.

Contributors

License

GNU GENERAL PUBLIC LICENSE Version 3

About

Error management web interface for vehicles.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published