In Progress

Fingerprints ReactJs/Javascript, html, CSS3 Component

We need a component in ReactJs or pure Javascript/Html/CSS3, you don't have to do a full website for it, neither the logic to connect to a real fingerprint reader (we well take care of that no worries), just mock that "functionality", neither saving the fingerprints selected or any other logic.

This project is about the animations, and responsive behavior, support for mobile devices.

We need the component to do the following, for the images just focus on what is inside the RED SQUARE.

1. Unselected Fingers Component State: (See attached Image [login to view URL])

1.1. Allow the selection of one finger at a time.

2. Selected Finger Component State After Selection: (See attached Image [login to view URL])

2.1 Show the previous selected finger and highlight it and blink it.

3. A state of capturing fingerprint animation: that would be used when capturing the fingerprint of the finger.

3.1 Can be a generic fingerprint and a animation to let the user know that is "capturing" the fingerprint.

3.2 Animation or message or logo, saying the fingerprint could not be captured.

Important and a Must:

- Don't use gifts or any other static image for the animations.

- We need the hand colors and the highlight colors to be customizable.

- Blinking should be optional for the component.

- Use canvas or svg, or any other way to animate that can be customizable and most important performant, we want support for low end devices.

- Support responsive

- On desktop devices the component doesn't need to take the whole width of the screen, use what you think is an appropriate size, neither center it, we well take care of that.

- SHOULD WORK FOR BOTH HANDS

- DONT USE JQUERY.

- DONT USE ANY UI FRAMEWORK, we want the component simple.

Technical:

- Use functional component and hooks if needed.

- Use the latest version of React 16.x.x

- Use CSS3, Html5 and any other technology for the animations but no static images.

Note: You can rise a bid bigger than the budget if you feel comfortable with that price. please dont bid if you dont read the full requirement, nor see the attached images.

Skills: JavaScript, HTML5, React.js, Animation, CSS3

See more: javascript fingerprint scanner, imprint js, html5 fingerprint reader, webgl fingerprint javascript, clientjs vs fingerprintjs, fingerprintjs2 demo, javascript fingerprint api, fingerprint js example, create online admission using php javascript html, javascript html shipping billing page, star rating sample javascript html, india outsource css javascript html, syntax colored javascript html php, architect css javascript html resume minnesota job career, javascript html snow, javascript html required, netbeans html viewer component, integrating javascript html, javascript html scroll box, need php javascript html programmer

About the Employer:
( 2 reviews ) Bogotá, Colombia

Project ID: #27865680

Awarded to:

lokeshsaurav

Hello, How are you? I understand the requirements of your project, I'm interested to hear more about the project and about the subject matter of the lectures. this is something that I and my team can definitely take ca More

$100 USD in 3 days
(11 Reviews)
4.4

8 freelancers are bidding on average $128 for this job

filipposd

Hi, I understand you need a React component that takes in some props (like finger selected callback, scanning state, colors etc.), and has three states, one with no finger selected, one with a finger selected, and a sc More

$200 USD in 14 days
(17 Reviews)
4.6
Dailer11

Hello. My background and past projects give me just the right experience and perspective that you’re looking for. I have 4 years of hands-on experience working with React.js/Next.js and worked on various modern web ap More

$30 USD in 7 days
(13 Reviews)
4.7
roddon56pomidon9

Hi! Your task catch my eyes! I am a Professional Web developer, I have expertise in FrountEnd such as React, Angular, Vue.. and BackEnd such as Express, Python. I will develop this website for you within a timely mann More

$300 USD in 3 days
(7 Reviews)
3.9
ivanovwebvladisl

I am a senior React developer with 5+ years of history building front end projects. Based on your requirements, I know that you need a React expert who can easily handle SVG and animation concerns with latest React ve More

$150 USD in 7 days
(7 Reviews)
2.8
harshpatel09333

I can give you FREE demo Thanks for project posting   and I respect it  I recently worked on the project like yours and can provide you demo work as well  Do you want free demo ? ping me in freelancer message board  More

$30 USD in 7 days
(0 Reviews)
0.0
bugracetin910

Hi there, I can make this fingerprint reader page with React functional component. Feel free to message me to discuss further details and finalize. I look forward to working with you long term. Best, Cetin.

$100 USD in 7 days
(0 Reviews)
0.0
SalahEddine999

I have read your description ;and i find this can be done by using svg;and of course i'll use react and since i'm a mern developer using react will be more suitable for me;feel free to discuss details with me.

$110 USD in 5 days
(0 Reviews)
0.0