Rozwiązanie zostało podzielone na dwa branche main oraz api.
Główny branch zawiera stronę z formularzem bez obsługi wysłania wiadomości email.
Branch api zawiera kod formularza oraz api obsługujące wysyłanie wiadomości
Zmiana brancha na api: git switch api
Formularz:
- w folderze
air-transportnależy pobrać moduły za pomocą komendynpm install - uruchomić stronę komendą
npm run start - strona działa domyślnie na porcie 3000
Api:
- w folderze
form-apinależy pobrać moduły za pomocą komendynpm install - ustawić zmienne środowiskowe w pliku
.env- dane dostępowe do mailtrapa - uruchomić api w tle komendą
node .\index.js - api działa domyślnie na porcie 5000
- Formularz zawiera wszystkie wymienione w zadaniu pola
- Każde pole jest odpowiedniego typu
- Walidacji pól
- Dynamiczne dodawanie kolejnych ładunków
- Możliwość przysłyania plików metodą "drag and drop" jak i przez przycisk
- Wysyłanie danych z formularza do api
- Obsługa błędów przy wysłaniu oraz komunikaty dla użytkownika
- Odpowiednie formatowanie danych w api oraz wysyłanie wiadomości email
- Wysyłanie wiadomości email bezpośrednio z przeglądarki