Find Jobs
Hire Freelancers

Fingerprints ReactJs/Javascript, html, CSS3 Component

$10-50 USD

Sürüyor
İlan edilme: 3 yıldan fazla önce

$10-50 USD

Teslimde ödenir
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.
Proje No: 27865680

Proje hakkında

4 teklif
Uzaktan proje
Son aktiviteden bu yana geçen zaman 4 yıl önce

Biraz para mı kazanmak istiyorsunuz?

Freelancer'da teklif vermenin faydaları

Bütçenizi ve zaman çerçevenizi belirleyin
Çalışmanız için ödeme alın
Teklifinizin ana hatlarını belirleyin
Kaydolmak ve işlere teklif vermek ücretsizdir
Seçilen:
Kullanıcı Avatarı
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 care of for you. I am very happy to discuss this further and get started for you as soon as possible. Thanks Lokesh
$100 USD 3 gün içinde
4,1 (11 değerlendirme)
4,4
4,4
4 freelancer bu proje için ortalama $128 USD teklif veriyor
Kullanıcı Avatarı
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 scanning state. I can do this for you. I can: 1. Prep SVGs to use for the hand screen and the fingerprint scanning, 2. Setup the appropriate listeners to notify the parent element of which finger was selected 3. Create the finger selected and scanning animations and any notifications The result would be tested on different screen widths and devices to make sure it's responsive. I am a web developer and UX designer with years of experience and I specialize in anything frontent (HTML, CSS, Javascript), working mostly on React.js apps. If you have any questions, feel free to contact me.
$200 USD 14 gün içinde
5,0 (32 değerlendirme)
5,4
5,4
Kullanıcı Avatarı
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 7 gün içinde
0,0 (0 değerlendirme)
0,0
0,0
Kullanıcı Avatarı
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 5 gün içinde
0,0 (0 değerlendirme)
0,0
0,0

Müşteri hakkında

   COLOMBIA bayrağı
Bogotá, Colombia
5,0
3
Ödeme yöntemi onaylandı
Mar 15, 2019 tarihinden bu yana üye

Müşteri Doğrulaması

Teşekkürler! Ücretsiz kredinizi talep etmeniz için size bir bağlantı gönderdik.
E-postanız gönderilirken bir şeyler yanlış gitti. Lütfen tekrar deneyin.
Kayıtlı Kullanıcı İlan Edlien Toplam İş
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Ön izleme yükleniyor
Coğrafik konum için izin verildi.
Giriş oturumunuzun süresi doldu ve çıkış yaptınız. Lütfen tekrar giriş yapın.