Animacja zdrapki na stronie internetowej

Dzień dobry, cześć :)

Potrzebujemy pilnie osoby, która napisałaby reużywalny komponent ScratchCard (obsługujący animację "zdrapki") we VUE 3.

Nasz dev tworzy stronę dla klienta, ale ze względu na ograniczony czas szukamy kogoś kto napisze dla nas właśnie ten jeden komponent - zdrapkę.

Integracją kodu zajmie się już nasz dev (po max. 30 minutowych konsultacjach z Tobą, po tym, jak prześlesz kod).

Zdrapka ma funkcjonować w następujący (raczej standardowy) sposób:

- W ustalonym miejscu na ekranie wyświetli się grafika

- Grafikę tą będzie można "zetrzeć" klikając i przesuwając po nim kursorem myszy

- Obszar ścierania będzie kołem około dwukrotnie razy większym niż kursor myszki

- Pod spodem ścieralnej grafiki będzie znajdować się druga grafika, którą użytkownik odkryje

- Po zdrapaniu minimum 60% obrazka pod grafiką wyświetli się napis lub button

Grafiki oraz copy oczywiście dostarczamy. Jesteśmy w pełni responsywni (nasz dev i ux/ui).

Minimalne wymagania:

- Doświadczenie w pracy z VUE 3

- Dostarczenie kodu do piątku (28.06)

- Krótka konsultacja (do 30 min.) z naszym devem

Przykład zdrapki:

https://masth0.github.io/ScratchCard/brushes/circle.html