Error management web interface for vehicles.
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.
This page is where all terminals are listed. The filter is selected and redirects to the login page.
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
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.
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.
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.
This is a component of the defect entry page. If there is no interaction for 10 seconds, the background color will turn red.
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.
basic
- User interface
- Components
detailed
- Responsive design
- Multi language support
- Virtual keyboard
- UI Blocking
- ReactJS
- HTML 5 & CSS3
- Material UI
- Formik – Yup
- Axios
- React Router Dom
- Context Api
- I18 – next
- Table Virtuoso
- React Simple Keyboard
git clone https://github.com/beyzaerkan/error-management.git
cd error-management
Install dependencies
npm install
cp sample.env .env
npm start
This project has been completed. But it can be improved.