Simple NFC Read and API-Call with Android-Phone (native or ionic)
Budget: €8 – €30 EUR
The application should be able to scan for NFC-Tags (without any interaction, so no button click required), then it should read the NFC tags ID and send a request to an API (method post, format json).
You should also be prepare a string to be sent as Auth.Header
for example:
{
"ident": "1234567"
}
the response is a small json which needs to be parsed and displayed - as a nice alert would be fine (can be different maybe on a table but should look ok) - there are two ways of response
example response for a request:
[
{
"currentTimestamp": "2021-06-25T12:00:53.000Z",
"name": "Name, Prename",
"state": 1
}
]
OR
[
{
"currentTimestamp": "2021-06-25T11:54:32.000Z",
"name": "Name, Prename",
"lastTimestamp": "2021-06-25 09:54:31",
"state": 0
}
]
on UI:
<*if state == 1>
Welcome <name>, You signed in on <currentTimestamp>
</*if>
Note: Time format : dd.mm.yyyy H:M:ss
<*if state == 0>
Goodby <name>, you worked <currentTimestamp - lastTimestamp>
</*if>
Note: Time format : H:m:ss
on state 1 the background of the single page app should be green and on state 0 it should be red
for about 3 seconds, then it should be on IDLE mode (just display start page and ready to scan next card)
During the display of the result it should not read further cards or listen to other tags.
The app must be like responsive, so should never break out.. we use standard mobiles
Required is Android, but if you propose to support iphone as well please add it as note.
There might come more small projects in near future.
If you already did something like this its fast to solve.
If you plan to extend its core functionality by a great design as well please add your optional additional fee with an example screenshot
You should also be prepare a string to be sent as Auth.Header
for example:
{
"ident": "1234567"
}
the response is a small json which needs to be parsed and displayed - as a nice alert would be fine (can be different maybe on a table but should look ok) - there are two ways of response
example response for a request:
[
{
"currentTimestamp": "2021-06-25T12:00:53.000Z",
"name": "Name, Prename",
"state": 1
}
]
OR
[
{
"currentTimestamp": "2021-06-25T11:54:32.000Z",
"name": "Name, Prename",
"lastTimestamp": "2021-06-25 09:54:31",
"state": 0
}
]
on UI:
<*if state == 1>
Welcome <name>, You signed in on <currentTimestamp>
</*if>
Note: Time format : dd.mm.yyyy H:M:ss
<*if state == 0>
Goodby <name>, you worked <currentTimestamp - lastTimestamp>
</*if>
Note: Time format : H:m:ss
on state 1 the background of the single page app should be green and on state 0 it should be red
for about 3 seconds, then it should be on IDLE mode (just display start page and ready to scan next card)
During the display of the result it should not read further cards or listen to other tags.
The app must be like responsive, so should never break out.. we use standard mobiles
Required is Android, but if you propose to support iphone as well please add it as note.
There might come more small projects in near future.
If you already did something like this its fast to solve.
If you plan to extend its core functionality by a great design as well please add your optional additional fee with an example screenshot