What is this project about?

This project is Sakarya University Toyota Frontend Project.

The goal of the project is to fetch and handle errors in addition, if there is an error in the parts of the car, it is necessary to record this error with the coordinates of the region.

Used technologies

Client: React, Material Ui, TailwindCSS

Server: Fake JSON Api

Libraries:

• react-window
• i18next
• react-router-dom
• formik & yup
• react-table
• axios
• json-server

Dev Libraries:

• concurrently

What You Need to Know Before Opening the Project

Registration Number: 99619

Password: 1234

Assembly Number: 222

- In order to reach the error entry page, you must enter this information completely and correctly on the login page.

- If you want to reach the bottom picture by clicking on one of the blue boxes, you need to click on this box.

There is no real data as there is no real backend it is just a simulation so there is no picture under other boxes

Run it on your computer

Clone the project

  git clone https://github.com/batu0b/sau-toyota-frontend.git

Go to the project directory

  cd src

Install required packages

  npm install

Run the app

  npm start

Screenshots

Terminal Page:

Login Page:

Error Entry Page:

It gives a warning if the operation is not performed within a certain period of time.

A small click is enough to set the coordinates on the computer, but you need to press and hold it for a short time, such as 1 second, on touch devices.

Error List Page: