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:

  • Telegram (z możliwością powiązania/odłączenia).

  • Email (z możliwością dodania/potwierdzenia).

• 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”.