Szukamy: Full‑stack dewelopera (na stałe, w niepełnym wymiarze godzin)
Projekt: EasyWeb — konstruktor landingów z AI i wbudowanym hostingiem
Wymagany stos technologiczny do dalszych zadań
Backend: PHP (preferowany nowoczesny framework) + MySQL
Frontend: React (preferowany Remix.run lub gotowość do szybkiej pracy w nim)
Integracje: Postmark (wiadomości transakcyjne), Google OAuth, Telegram Bot API
Dodatkowo: podstawowe umiejętności DevOps (skrypty, domeny, serwery)
Zadanie nr 1 — Okno logowania i rejestracji
To pierwsze zadanie z serii. Należy stworzyć działającą rejestrację, logowanie i odzyskiwanie dostępu (email przez Postmark, Google Auth, Telegram).
W profilu powinna być możliwość powiązania/odłączenia alternatywnych metod logowania (email ↔ Telegram).
Telegram-bot zintegrowany: leady i powiadomienia trafiają do użytkownika, a na przychodzące wiadomości automatyczna odpowiedź („pisz w Intercomie”).
Ostateczna realizacja (struktura bazy danych, interfejsy itp.) pozostaje do decyzji dewelopera.
Ok, zrobię krótkie i praktyczne zadanie na podstawie makiety, aby programista rozumiał logikę i miał jednocześnie swobodę w realizacji szczegółów.
Zadanie: Ekran rejestracji, logowania i konta
1. Ogólne wymagania
Używać Postmark do wszystkich powiadomień email (rejestracja, reset hasła, potwierdzenie emaila).
Wspierać trzy metody logowania: Email, Telegram, Google.
Niezależnie od metody rejestracji, w ustawieniach konta powinna być możliwość powiązania alternatywnej metody logowania/kontaktowania się.
W Telegram-bocie przy każdej przychodzącej wiadomości → automatyczna odpowiedź z informacją, aby pisać w Intercomie.
2. Ekran “Rejestracja / Logowanie / Resetowanie hasła”
Rejestracja: pola email + hasło, przycisk rejestracji.
Logowanie: pola email + hasło, przycisk logowania.
Pod formularzem: przyciski logowania przez Telegram i Google.
Resetowanie hasła: tylko pole email + przycisk “Zresetuj hasło”.
Projekt i layout dostarczymy.
3. Ustawienia / Konto
Wyświetlanie danych:
Projekt dostarczymy.
4. Telegram
Używać jednego zintegrowanego backendu dla botów (leady i autoryzacja).
Wszystkie przychodzące wiadomości od użytkowników → automatyczna odpowiedź:
„Aby uzyskać odpowiedź od wsparcia, proszę pisać przez czat Intercom na stronie. Ten bot jest używany tylko do powiadomień.”
Wysyłanie leadów i powiadomień systemowych do użytkownika w Telegramie pozostaje.
5. Google Auth
Przycisk logowania przez Google na ekranie logowania i rejestracji.
Przy pierwszej autoryzacji przez Google tworzyć konto i od razu uznawać email za potwierdzony.
Przy ponownym logowaniu → logowanie do istniejącego konta.
Jeśli email jest już zajęty → zaproponować powiązanie (realizację pozostawić do decyzji dewelopera).
6. Minimalne wymagania dotyczące UX
Wszystkie formularze powinny być responsywne (mobilne + desktopowe).
Błędy/sukcesy wyświetlane w formie powiadomień wyskakujących (realizacja według uznania dewelopera).
W ustawieniach konta przy każdym polu (email, telegram) powinien być zrozumiały status: “potwierdzony / niepotwierdzony / wyłączony”.
