Common FAQs

[emalcdo]

Can I utilize the Tailwind CSS Framework (https://tailwindcss.com/)? Yes you can, any CSS Framework will do

Is it required for me to test the component? It is not required, but it is an advantage to implement one. Also, from the test instructions page (https://github.com/MeldCX/frontend-developer-test), on the 6th bullet - Effective testing is included.

I have some confusion about the UI of “Device List”. In the picture, there are two devices one is left and another is right. If new two coming then, should I need to append them as two left and two right?

UI of the Device List:

From the addtl points (https://github.com/MeldCX/frontend-developer-test):

• On the devices screen, the circles orbit around the number There is no definite UI stating that 2 or more devices (circles) should append them to an exact position. But on the UI side, it would be nicer and cleaner to look at if those devices are evenly placed and or distributed evenly, orbiting around the number.

It would be great if you can give me a little brief from the UI perspective. For now, we don’t have a definitive UI that needs to be followed. We can leave that freedom to the developer.

Do you allow to use of third-party modules? Yes, you can!

Can you please ask your react developers about this error message. There is a problem with the API link you provide. http://35.201.2.209:8000/. When I send a POST request, this API link will give a 404 response.

The documentation for the said API resource http://35.201.2.209:8000/ can be viewed on the browser with the the same link:

[allestaire]

Hi,

Sorry for the delay, it might not be complete but here is the examination code: 😄 https://github.com/allestaire/MildTransfer

[emalcdo]

Hi @allestaire

the repository you provided is not for the said exam, or I am missing something?

[allestaire]

It was, but I guess, its because the result exam UI is not the same as describe 😄

[emalcdo]

@allestaire I tried to run your code and it seems that I can't get past Login page

Did you follow the instructions for the test? https://github.com/MeldCX/frontend-developer-test#readme

Also upon checking your source, I can't seem to find that it connects to the API http://35.201.2.209:8000/

[allestaire]

It didnt connect to http://35.201.2.209:8000/, All is local upon building 😄

[emalcdo]

@allestaire Please follow the steps provided https://github.com/MeldCX/frontend-developer-test#readme

[allestaire]

Seems like the API got down, for number of attempts. There were problems upon getting the token. Since it returns html data and not plain json. Got readable stream that need to be parse in order to get the token string

Git it worked 😄

[allestaire]

Must set .env with: API_URL=http://35.201.2.209:8000/

In order for API to work

[allestaire]

Here is the example env values Also make sure that the node version is 20.9

DB_HOST=localhost
DB_PORT=3307
DB_DATABASE=mildtransfer_db
DB_USERNAME=root
DB_PASSWORD=MildTransfer!

DATABASE_URL="mysql://${DB_USERNAME}:${DB_PASSWORD}@${DB_HOST}:${DB_PORT}/${DB_DATABASE}"

SALT_ROUNDS=10
DEFAULT_PASSWORD=Default123!

BASE_URL=http://localhost:3000

MAIL_HOST=localhost
MAIL_PORT=1025

API_URL=http://35.201.2.209:8000/